WeUI在小程序中的使用

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

如何在微信小程序中使用WeUI

1.下载weui.wxss

https://github.com/Tencent/weui-wxss/

2.复制该文件(dist/style)到小程序项目的根目录下

3.在app.wxss中引入即可

/**app.wxss**/
@import 'weui.wxss';
.container {
    height:100%;
    display:flex;
    flex-direction:column;
    align-item:center;
    justify-content:space-between;
    padding:200rpx 0;
    box-sizing:border-box;
}