网站开发合同缺陷,php网站开发防注入,wordpress必须关注公众号,大学生旅游网站设计框架项目框架vue-右上角有控制全文的文字大小 实现#xff1a;
只能控制element组件的文字及输入框等大小变化#xff0c;如果是自行添加div,text, span之类的控制不了。 配置流程
APP.vue
使用element的provide#xff0c;包含app el-config-provider :localeloca…项目框架vue-右上角有控制全文的文字大小 实现
只能控制element组件的文字及输入框等大小变化如果是自行添加div,text, span之类的控制不了。 配置流程
APP.vue
使用element的provide包含app el-config-provider :localelocale :sizesize templateel-config-provider :localelocale :sizesize!-- 开启水印 --el-watermarkv-ifwatermarkEnabled:font{ color: fontColor }:contentdefaultSettings.watermarkContentclasswh-fullrouter-view //el-watermark!-- 关闭水印 --router-view v-else //el-config-provider
/templatescript setup langts
import { useAppStore, useSettingsStore } from /store;
import defaultSettings from /settings;
import { ThemeEnum } from /enums/ThemeEnum;const appStore useAppStore();
const settingsStore useSettingsStore();const locale computed(() appStore.locale);
const size computed(() appStore.size);
const watermarkEnabled computed(() settingsStore.watermarkEnabled);// 明亮/暗黑主题水印字体颜色适配
const fontColor computed(() {return settingsStore.theme ThemeEnum.DARK? rgba(255, 255, 255, .15): rgba(0, 0, 0, .15);
});
/script点击界面的文字大小时更新全局变量变更size const appStore useAppStore();
const size computed(() appStore.size); useAppStore() 点击按钮时会调用到的事件 function changeSize(val: string) {size.value val;
} 切换操作日记是一个div不会变表格是el-table会根据大小变化。
