uni-app
uni-app copied to clipboard
uniapp小程序编译后的网页端项目,uniapp的样式权重比全局文件设置的样式权重高
trafficstars
发行方式
None
具体平台
谷歌浏览器最新版
开发环境
Windows
项目创建方式
CLI命令行
依赖版本
hbuildx:4.66
问题描述
uniapp 小程序编译成网页端时,<image> 标签会被转换为 uni-image 组件,该组件自带默认宽高样式(如 width: 225px; height: 150px),且权重较高。全局样式因权重不足无法覆盖,导致布局异常。因为这个样式文件会在我的全局样式文件后面加载,最终我只能手动修改这个样式文件里的宽高,这明显不合理啊,把我的全局样式文件配置给覆盖了。
重现步骤
在 App.vue 中设置全局样式或者在 main.js 引入全局样式文件:
image {
width: 100%;
height: auto;
}
会发现这个全局样式先加载,然后uniapp的样式文件后加载,全局样式文件被覆盖了
### 期望行为
全局样式文件应该后加载,然后可以覆盖掉uniapp的样式文件呀
### 实际行为
_No response_
### 截图或录屏
_No response_