微信小程序中weui使用方法

Posted 前端伪大叔

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序中weui使用方法相关的知识,希望对你有一定的参考价值。

1、git下载,找到dist文件;

https://github.com/wechat-miniprogram/weui-miniprogram
2、把dist文件中的style复制到根目录
app.wxss引入这个文件
@import \'/style/weui.wxss\';
3、dist文件中example目录复制到根文件,(里面是设置相关的代码,直接复制出来使用)
4、app.json把需要引用的文件引到里面
"pages": [
    //比如使用button,把他引入
    "example/button/button",
    ]

5、在使用的地方,直接使用就行;代码可在引入的文件中直接复制;

 

喜欢的小伙伴可以关注我的微信公众号“前端伪大叔”

 

 

以上是关于微信小程序中weui使用方法的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序中weui使用方法

微信小程序使用weui扩展组件踩坑

重磅:微信小程序发布WeUI.js 官方视觉组件库!

微信小程序引入WeUI

微信小程序使用WeUI入门教程

微信小程序从零开始开发步骤-引入框架WeUI