/** * 字体缩放 mixin * * 作用: * 1. data 注入 fontScale(当前生效字号系数) * 2. onShow 刷新 fontScale(用户每次切回前台都可能换字号) * * 使用方式(Options API): * import fontScaleMixin from '@/mixins/font-scale.js' * export default { * mixins: [fontScaleMixin], * // 模板根节点绑定: :style="{ '--font-scale': fontScale }" * ... * } */ import { getFontScale } from '@/utils/fontScale.js' export default { data() { return { fontScale: 1 } }, onShow() { this.fontScale = getFontScale() } }