微信小程序ui组件库,小程序切换UI

一、WeUI文件下载地址1、GitHub地址3359 github.com/Tencent/weui-wxss /

2、网址链接： https://pan.Baidu.com/s/1 D2 rtvdiqixgnd-wryhmclg

抽屉代码： k9h2

复制这个内容后，打开百度网盘的手机APP，操作会更方便哦

二、使用WeUI1)预览weui样式1、下载完成后解压缩后应该会出现如图所示的界面

2、打开微信开发者工具导入项目选择类似目录点击测试号导入

3、等待完全加载完成后，

4、到此为止，从左侧的模拟器中选择所需的样式，从代码中找到对应的代码，使用粘贴复制法，复制到自己项目的适当位置即可。 当然还没结束。 我们自己的项目需要引入WeUI。 2 )将WeUI导入自己的项目1，将以下目录下的weui.wxss复制到我们的项目根目录下

2、在app.wxss中加入@import “weui.wxss”；

3、这样我们的项目就可以引用腾讯官方提供的微信风格了。 三.列举板栗的要求。 我想制作如下图所示的界面，接下来我会一步一步分析

1、去weui的哪个预览界面发现了类似的样式，在窗体的list界面中发现了类似的样式

2、拿起代码页找到这个布局，找到了。 如下图所示，将代码复制到自己项目的适当位置

3、复制编译后如下图所示

4、然后可以进行代码修改，如添加图标文件、修改显示文字等

5、还有几分相似呢。 (v )备注：图标是从阿里巴巴图标向量库网站下载的

6、代码已经上传到GitHub，地址： weui使用

结束语的人生充满了各种各样的梦想。 如果你不努力追求自己的梦想，你会被别人编入追求他的梦想；

世界大，知识多，学习无止境

别以为自己能做很多，其实你什么也做不了；

一位朋友说：’不要想自己能得到什么，重要的是自己失去什么。 「

最后推荐资源共享的小程序。 我希望大家能共享自己拥有的资源