微信小程序怎么用weui，小程序weui使用方法

　　小程序开发要运用到很多工具和小程序码，关于微信小程序weui之前好像都没有介绍过，所以今天小编为大家讲一下微信小程序怎么用weui，希望帮助到大家。

　　下载WeUI

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

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

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

　　/**app.wxss**/

　　@import 'weui.wxss';

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

　　》》》 如何使用WeUI

　　根组件使用class="page"

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

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

　　我是页脚

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

　　小黄象

　　Copyright © 精品专栏组

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

　　下图是结合weui.wxss做的社区专栏小程序版，正在完善ing

　　微信小程序怎么用weui，以上就是具体的下载和使用方法了，参照上述流程，使用weui对小程序进行开发，应该很容易获得成功。更多相关资料请关注微信小程序素材网。

　　如何使用微信小程序ui框架?

　　微信小程序ui设计规范具体说明

　　微信小程序ui设计工具怎么使用?