使用 HBuilderX 创建的 vue3 版本的 uni-app 项目,写在 App.vue
文件中的 样式没有覆盖掉默认的样式,例如
使用 cli 方式创建的项目也有同样的问题
在 App.vue
中写一个图片的全局样式
<style>
/*每个页面公共css */
image {
display: block;
}
</style>
在页面中随便写个图片标签
【运行】到浏览器查看,发现并没有覆盖掉原来的 display
,因为优先级不够
【发行】打包H5, 发现全局样式生效了,因为优先级高于默认的图片样式
使用 HBuilderX 创建的 vue2 版本的 uni-app 项目没有这种问题,下面提供一些截图说明
-
开发环境
-
生成环境