南京安优网络科技有限公司 · 2012年成立 · 累计服务2000+企业 业务咨询:400-8793-956 售后:025-65016872
当前位置: 首页 - 知识资讯 - 微信小程序开发知识
微信小程序开发知识

uniapp开发H5打包微信小程序样式失效的完美解决方法

发布时间:2023-08-10 15:42:17 · 南京安优网络科技有限公司

前言

使用uniapp开发H5,样式已经按照UI设计稿全部实现。但是在打包微信小程序调试的时候,遇到很多样式失效的问题。问了度娘很久,并没有完全解决样式失效的问题。于是自己按照从度娘上查到的方法去进行组合尝试,最终样式失效问题得到了完全的解决。

样式不生效的原因:u-view框架组件自带的class优先级高于开发者自定义的优先级,所以显示的是组件的默认样式(网上有说是样式隔离)。解决办法就是提高自定义样式的优先级,使用自定义的样式去覆盖默认样式

上一篇:uniapp小程序模板红酒(uniapp微信小程序模板)

下一篇:宝藏级UI组件库:FirstUI,微信小程序版+uniapp版更新至1.6.0,完美支持vue3 | 微信开放社区