From 18fea86a2c9c7b522ebefec802da5098f39afe27 Mon Sep 17 00:00:00 2001 From: 疯狂的狮子Li <15040126243@163.com> Date: 星期一, 23 十月 2023 20:46:48 +0800 Subject: [PATCH] !53 更新登录日志以及在线用户展示信息 Merge pull request !53 from MichelleChung/dev --- 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("姝e湪璁剧疆甯冨眬澶у皬锛岃绋嶅��..."); - 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