在Vue3开发的项目中如何用App.vue文件的生命周期修改static/style/public.css文件内的样式或者css变量
App.vue文件如下
<script setup lang="ts">
import { onLaunch, onShow, onHide, onLoad } from "@dcloudio/uni-app";
// import { creatPublicScss } from "@/utils/creatPublic.js";
onLaunch(() => {
// console.log("App Launch");
// creatPublicScss()
});
onShow(() => {
// console.log("App Show");
});
onHide(() => {
// console.log("App Hide");
});
onLoad(()=>{
})
</script>
<style>
/* 全局引入字体图标 */
@import "@/static/style/iconfont.css";
@import "@/static/style/public.css"
</style>
public.css文件如下:
:root{
--theme-color: 变量
更多变量...
}
uni-page-body> uni-view{
background-color: var(--theme-color);
}
此处变量为后台提供的全局设置
更多变量均由App.vue创建