微信小程序引入weui组件

时间:2024-03-23 08:15:14

微信小程序组件官方的说明文档 https://mp.weixin.qq.com/debug/wxadoc/dev/component/swiper.html

通过参阅说明文档,我们可以看出,在微信小程序中引用微信组件非常方便,然而这些组件具体该如何在小程序中引用呐,下面我就详细地介绍一下:


1.下载weui https://github.com/weui/weui-wxss


2.在在文件中找到weui-wxss/dist/style/目录中的weui.wxss(也可以只下载weui.wxss),这里的文件目录很重要啊,一定是在dist文件下面。

微信小程序引入weui组件


3.复制2中的文件到微信小程序根目录下,在根目录app.wxss中引入(@import 'weui.wxss';)

微信小程序引入weui组件


4.然后就可以引用了,参考文章开头的文档就可以了。例如:开关组件

微信小程序引入weui组件