| | |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script setup lang="ts"> |
|---|
| | | import useAppStore from "@/store/modules/app"; |
|---|
| | | import useAppStore from '@/store/modules/app'; |
|---|
| | | |
|---|
| | | const appStore = useAppStore(); |
|---|
| | | const size = computed(() => appStore.size); |
|---|
| | | |
|---|
| | | 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) => { |
|---|
| | | appStore.setSize(size); |
|---|
| | | } |
|---|
| | | appStore.setSize(size); |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style lang="scss" scoped> |
|---|
