dcloudio / dcloudio/uni-app

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

Open
#5,505 0 comments 1 reaction 0 assignees View on GitHub
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

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.