改变fontSize

页面调用
        <a-row :gutter="0">
          <a-col :span="24">
            <a-radio-group v-model="fontSizeValue" @change="onFontSizeChange">
              <a-radio :value="12"> 小 </a-radio>
              <a-radio :value="14"> 中 </a-radio>
              <a-radio :value="16"> 大 </a-radio>
            </a-radio-group>
          </a-col>
        </a-row>

fontSizeValue: "14",
value: "",

localStorage 储存
 onFontSizeChange(event) {
      let _val = event.target.value;
      document
        .querySelector(":root")
        .style.setProperty("--font-size", _val + "px");
      window.localStorage.setItem("font-size-setup", _val);
    },

全局设置
:root {
  --font-size: 14px;
  --font-size-title: 24px;
  --device-width: 1400px;
  --themem-color: #333;
}
@media (max-width: 1600px) {
  :root {
    --device-width: 1200px;
    --font-size-title: 20px;
  }
}

使用
  font-size: var(--font-size);