From 99b062eeca471bdcbfcacd88e308fab9972cd6ec Mon Sep 17 00:00:00 2001
From: WXL (wul) <wl_5969728@163.com>
Date: 星期二, 19 八月 2025 14:21:33 +0800
Subject: [PATCH] 展示优化
---
src/components/SizeSelect/index.vue | 53 +++++++++++++++++++++++++++++------------------------
1 files changed, 29 insertions(+), 24 deletions(-)
diff --git a/src/components/SizeSelect/index.vue b/src/components/SizeSelect/index.vue
index 069b5de..3cd013a 100644
--- a/src/components/SizeSelect/index.vue
+++ b/src/components/SizeSelect/index.vue
@@ -1,10 +1,16 @@
+<!-- 涓嬫媺鑿滃崟灏佽 -->
<template>
<el-dropdown trigger="click" @command="handleSetSize">
<div>
<svg-icon class-name="size-icon" icon-class="size" />
</div>
<el-dropdown-menu slot="dropdown">
- <el-dropdown-item v-for="item of sizeOptions" :key="item.value" :disabled="size===item.value" :command="item.value">
+ <el-dropdown-item
+ v-for="item of sizeOptions"
+ :key="item.value"
+ :disabled="size === item.value"
+ :command="item.value"
+ >
{{ item.label }}
</el-dropdown-item>
</el-dropdown-menu>
@@ -16,41 +22,40 @@
data() {
return {
sizeOptions: [
- { label: 'Default', value: 'default' },
- { label: 'Medium', value: 'medium' },
- { label: 'Small', value: 'small' },
- { label: 'Mini', value: 'mini' }
- ]
- }
+ { label: "Default", value: "default" },
+ { label: "Medium", value: "medium" },
+ { label: "Small", value: "small" },
+ { label: "Mini", value: "mini" },
+ ],
+ };
},
computed: {
size() {
- return this.$store.getters.size
- }
+ return this.$store.getters.size;
+ },
},
methods: {
handleSetSize(size) {
- this.$ELEMENT.size = size
- this.$store.dispatch('app/setSize', size)
- this.refreshView()
+ this.$ELEMENT.size = size;
+ this.$store.dispatch("app/setSize", size);
+ this.refreshView();
this.$message({
- message: 'Switch Size Success',
- type: 'success'
- })
+ message: "Switch Size Success",
+ type: "success",
+ });
},
refreshView() {
// In order to make the cached page re-rendered
- this.$store.dispatch('tagsView/delAllCachedViews', this.$route)
+ this.$store.dispatch("tagsView/delAllCachedViews", this.$route);
- const { fullPath } = this.$route
+ const { fullPath } = this.$route;
this.$nextTick(() => {
this.$router.replace({
- path: '/redirect' + fullPath
- })
- })
- }
- }
-
-}
+ path: "/redirect" + fullPath,
+ });
+ });
+ },
+ },
+};
</script>
--
Gitblit v1.9.3