微信小程序怎么用weui?

　　微信小程序怎么用weui?一个小程序产品是否讨得用户的欢心取决于小程序UI的设计。而weui就是为了让小程序界面更加符合人们的审美。那么微信小程序怎么用weui?下面一起来随小编了解吧。

　　微信小程序怎么用weui?

　　在了解如何使用WeUI之前，我们先看下WeUI的介绍。

　　WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。

　　在微信小程序开发过程中，涉及到的前端复杂的样式界面的问题，就需要使用个UI框架，这样可以省去以后很多麻烦。WeUI作为一个开源的移动端UI框架，由于它是微信官方提供的对微信的兼容*没有太大问题，而且和各组件的样式和微信一样，能够很好地和微信融合在一起，给用户较好的体验。

　　如何引入WeUI?

　　1、首先，我们得先下载WeUI。

　　值得大家注意的是在【weui-wxss/dist/style/】目录下下载，不要【weui-wxss/src】目录里面下载。

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

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

　　/**app.wxss**/

　　@import 'weui.wxss';

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

　　如何使用WeUI?

　　1、根组件使用class="page"

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

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

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

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

　　微信小程序怎么用weui?想必大家已经清楚，小程序界面的设计是非常重要的，所以大家在开发小程序的时候一定要以大众审美观念来进行设计，用户的体验好了才能更好的推广我们的小程序。大家可以收藏微小乔哦!

相关推荐：

微信小程序weui文档怎么开发

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

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