| | |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script setup> |
|---|
| | | import useAppStore from "@/store/modules/app"; |
|---|
| | | <script setup lang="ts"> |
|---|
| | | import useAppStore from '@/store/modules/app'; |
|---|
| | | |
|---|
| | | const appStore = useAppStore(); |
|---|
| | | const size = computed(() => appStore.size); |
|---|
| | | const route = useRoute(); |
|---|
| | | const router = useRouter(); |
|---|
| | | const { proxy } = getCurrentInstance(); |
|---|
| | | |
|---|
| | | const sizeOptions = ref([ |
|---|
| | | { label: "较大", value: "large" }, |
|---|
| | | { label: "默认", value: "default" }, |
|---|
| | | { label: "稍小", value: "small" }, |
|---|
| | | { label: '较大', value: 'large' }, |
|---|
| | | { label: '默认', value: 'default' }, |
|---|
| | | { label: '稍小', value: 'small' } |
|---|
| | | ]); |
|---|
| | | |
|---|
| | | function handleSetSize(size) { |
|---|
| | | proxy.$modal.loading("正在设置布局大小，请稍候..."); |
|---|
| | | const handleSetSize = (size: string) => { |
|---|
| | | appStore.setSize(size); |
|---|
| | | setTimeout("window.location.reload()", 1000); |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style lang='scss' scoped> |
|---|
| | | <style lang="scss" scoped> |
|---|
| | | .size-icon--style { |
|---|
| | | font-size: 18px; |
|---|
| | | line-height: 50px; |
|---|
| | | padding-right: 7px; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | </style> |
|---|
