30 lines
793 B
Vue
30 lines
793 B
Vue
<template>
|
|
<el-dropdown class="vab-language" @command="handleCommand">
|
|
<vab-icon icon="font-size-2" />
|
|
<template #dropdown>
|
|
<el-dropdown-menu>
|
|
<el-dropdown-item v-for="item in fontSizeList" :key="item" :command="item">{{ item }}</el-dropdown-item>
|
|
</el-dropdown-menu>
|
|
</template>
|
|
</el-dropdown>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { useSettingsStore } from '/@/store/modules/settings'
|
|
|
|
defineOptions({
|
|
name: 'VabFontSize',
|
|
})
|
|
|
|
const settingsStore = useSettingsStore()
|
|
const { theme } = storeToRefs(settingsStore)
|
|
const { updateTheme, saveTheme } = settingsStore
|
|
const fontSizeList = ref(['13px', '13.5px', '14px', '15px', '15.5px', '16px'])
|
|
|
|
const handleCommand = (fontSize) => {
|
|
theme.value.fontSize = fontSize
|
|
updateTheme()
|
|
saveTheme()
|
|
}
|
|
</script>
|