<script setup lang="ts">
import { ref } from 'vue';
import { onLaunch } from '@dcloudio/uni-app';
import { interceptor } from './router';
import { useAppStore } from '@/store/app-store';
const { oldManMode } = useAppStore();
const bgColor = ref('#f00');
onLaunch(() => {
interceptor();
});
</script>
<style lang="scss">
@import 'static/css/style.scss';
@import 'nutui-uniapp/styles/index';
@import 'static/iconfont/iconfont-weapp-icon.css';
@import 'static/css/common.scss';
@import 'static/css/nut-public.scss';
#app {
background-color: v-bind(bgColor);
}
@if v-bind(oldManMode) {
#app * {
font-size: 36rpx !important;
}
}
</style>
1***@qq.com
- 发布：2024-07-25 09:21
- 更新：2024-07-25 09:35
- 阅读：151
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： windows11
HBuilderX类型： 正式
HBuilderX版本号： 4.15
手机系统： Android
手机系统版本号： Android 14
手机厂商： OPPO
手机机型： 一加 12
页面类型： vue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
在App.vue 中动态更改全局样式
在App.vue 中动态更改全局样式
预期结果：
在App.vue 中动态更改全局样式
在App.vue 中动态更改全局样式
实际结果：
无法实现读取到vue变量
无法实现读取到vue变量
bug描述：
1***@qq.com (作者)
我也这样理解 那要如何实现 动态更改全局样式呢 在 APP 模式下
2024-07-25 09:35
2***@qq.com
回复 1***@qq.com: 实现了吗，我也遇到了
2024-12-16 11:02