uni-app icon indicating copy to clipboard operation
uni-app copied to clipboard

uniapp小程序编译后的网页端项目,uniapp的样式权重比全局文件设置的样式权重高

Open fhaskla opened this issue 5 months ago • 0 comments
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_

fhaskla avatar Jun 04 '25 02:06 fhaskla