微信小程序wxss语法是什么?如何使用?

　　微信小程序wxss语法是什么?如何使用?在接下来内容中，小编会为大家介绍微信小程序wxss语法的相关内容哦，如果大家想要了解微信小程序wxss语法，就赶快跟着小编往下看看吧。

　　微信小程序wxss语法是什么?

　　什么是wxss语法?微信小程序wxss语法是在遵守微信视觉设计规范下，由官方设计团队为小程序量身定制的基础样式库。

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

　　微信小程序如何引入WeUI？

　　1、首先要下载WeUI，注意是在weui-wxss/dist/style/目录下，不要在weui-wxss/src目录里面下载哦。

　　2、weui.wxss拷贝到小程序根目录中去。

　　3、然后在app.wxss或页面wxss导入weui.wxss

　　4、然后成功引入了weui.wxss了哦，weui也提供了单个组件的样式引入哦。

　　微信小程序wxss语法怎么使用?

　　根组件使用class="page"，微信小程序代码如下：

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

　　他组件都已weui-开头后接组件名称，例如class="weui-footer"

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

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

　　以上是小编整理的微信小程序wxss语法的相关内容了哦，大家看完以上内容后会了解微信小程序wxss语法哦，以上内容供各位亲们参考哦。大家请多关注微小乔哦。感谢各位亲们的支持。

更多阅读：

　 微信小程序wxss样式表

　　微信小程序自定义loading组件实例

　 开发过程中能使用微信小程序自定义icon吗?