From 73df6a1b30c7720c76cbe2dfd3d94ae51a18a739 Mon Sep 17 00:00:00 2001
From: 疯狂的狮子Li <15040126243@163.com>
Date: 星期三, 09 八月 2023 15:18:25 +0800
Subject: [PATCH] !34 修复编译报类型错误问题 Merge pull request !34 from VergLsm/ts
---
src/components/SizeSelect/index.vue | 47 ++++++++++++++++++++++-------------------------
1 files changed, 22 insertions(+), 25 deletions(-)
diff --git a/src/components/SizeSelect/index.vue b/src/components/SizeSelect/index.vue
index a2b38d6..058ff71 100644
--- a/src/components/SizeSelect/index.vue
+++ b/src/components/SizeSelect/index.vue
@@ -1,39 +1,36 @@
+<template>
+ <div>
+ <el-dropdown trigger="click" @command="handleSetSize">
+ <div class="size-icon--style">
+ <svg-icon class-name="size-icon" icon-class="size" />
+ </div>
+ <template #dropdown>
+ <el-dropdown-menu>
+ <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>
+ </template>
+ </el-dropdown>
+ </div>
+</template>
+
<script setup lang="ts">
import useAppStore from "@/store/modules/app";
-import { ComponentInternalInstance } from "vue";
const appStore = useAppStore();
const size = computed(() => appStore.size);
-const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+
const sizeOptions = ref([
- { label: "杈冨ぇ", value: "large" },
- { label: "榛樿", value: "default" },
- { label: "绋嶅皬", value: "small" },
+ { label: "杈冨ぇ", value: "large" },
+ { label: "榛樿", value: "default" },
+ { label: "绋嶅皬", value: "small" },
]);
const handleSetSize = (size: string) => {
- proxy?.$modal.loading("姝ｅ湪璁剧疆甯冨眬澶у皬锛岃绋嶅��...");
- appStore.setSize(size);
- setTimeout("window.location.reload()", 1000);
+ appStore.setSize(size);
}
</script>
-
-<template>
- <div>
- <el-dropdown trigger="click" @command="handleSetSize">
- <div class="size-icon--style">
- <svg-icon class-name="size-icon" icon-class="size" />
- </div>
- <template #dropdown>
- <el-dropdown-menu>
- <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>
- </template>
- </el-dropdown>
- </div>
-</template>
<style lang="scss" scoped>
.size-icon--style {
--
Gitblit v1.9.3