cfc/cfc-frontend/mixins/font-scale.js

/**
 * 字体缩放 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()
  }
}