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