黔优媒体网-软文媒体自助发稿平台!
  1. 行业资讯
  2. 正文

微信开发入门(七)如何使用weui.wxss

来源:黔优媒体网   时间:2024-09-19

什么是weui?

WeUI是在遵守微信视觉设计规范下,由官方设计团队为小程序量身定制的基础样式库。

这里把WeUI放到基础篇里,是因为WeUI是官方出品,并且在10月28号IDE更新后,IDE不能识别和引用css,同时也屏蔽了从网络获取样式文件,和css划清界限。

》》》 如何引入WeUI

下载WeUI
weui.wxss
注意是在【weui-wxss/dist/style/】目录下,不要【weui-wxss/src】目录里面下载

将weui.wxss拷贝到小程序根目录中

在app.wxss或页面wxss导入weui.wxss

/**app.wxss**/
@import #39;weui.wxss #39;;

以上就成功引入了weui.wxss,weui也提供了单个组件的样式引入,流程同上。

》》》 如何使用WeUI

根组件使用

 view >

页面骨架组件使用 (注意是两个下划线)

 view >

其他组件都已weui-开头后接组件名称,例如

 view >

组件的子组件样式,例如view.weui-footer组件还有链接和版权信息。

 view >

组件和子组件使用两个下划线衔接,所以要区分什么时候用"-",什么时候用

微信app下载

微信是一款手机通信软件,支持通过手机网络发送语音短信、视频、图片和文字。微信可以单聊及群聊,还能根据地理位置找到附近的人,带给大家全新的移动沟通体验,有需要的小伙伴快来保存下载体验吧!


【免责申明】黔优媒体网以上展示内容来源于用户自主上传、合作媒体、企业机构或网络收集整理,版权争议与本站无关,文章涉及见解与观点不代表黔优媒体网官方立场,请读者仅做参考,本文标题:微信开发入门(七)如何使用weui.wxss;欢迎转载,转载时请说明出处。若您认为本文侵犯了您的版权信息,或您发现该内容有任何违法/违规的内容,请您立即联系我们及时修正或删除。(邮箱号: kefu@qianu.com)
此操作需要登录,请先登录~
免费注册会员,尽享国内领先平台!