• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

微信小程序-weui导入报错和部分样式不显示问题

原作者: [db:作者] 来自: [db:来源] 收藏 邀请


Demo采用了npm导入包的方式,虽然会占用包体积,但是版本稳定,利于操作。

导入weui.wxss出现的问题

解决方法:

拷贝/miniprogram/miniprogram_npm/weui-miniprogram/weui-wxss/dist/style中的weui.wxss放在miniprogram文件夹下,在全局的app.wxss中导入@import 'weui.wxss';即可
Demo代码采用了 [官网CellDemo]

weui.wxss部分样式不显示问题

导入weui样式后参照官方的demo仍然会有一些样式没有显示出来,这是因为官方文档中的样式名称有些更新了,可以直接去微信小程序 github. 上去查看它最新的代码

解决方法:

  1. 这里提出weui一些它的命名规则,希望能够有所帮助
    weui后面跟的是-,之后若还有拓展中间写__两个下划线,例如 weui-labelweui-cell__hd

  2. 如果这样仍然不能解决并且你缺少的样式不多的话,下面这个方法可以解决
    使用google浏览器打开官方文档,查看页面的html元素,找到你缺少那一部分的style代码直接拷下来放入你的wxss文件中,简单暴力。

本文章为作者原创,如有不足还请不吝赐教,如需转载请注明出处


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
解决小程序webview缓存机制发布时间:2022-07-18
下一篇:
微信小程序之页面导航栏发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap