搞定云南微信小程序开发界面的必杀技

"迪富科技"今天将给大家带来 : “如何使用腾讯自己出品的基础样式库"WEUI"来实现云南微信小程序开发的基本布局。”

　　一、搭建微信小程序开发环境

　　首先打开微信公众平台

在右下角小程序那里选择微信小程序开发文档

接着我们进入微信小程序开发

　　（只要跟着左侧目录栏中的"起步"一步一步来，最终我们就可以实现一个"Hello World"。）

　　备注:看小程序开发者文档比看任何书都管用（一般人"技术哥"不告诉他）

　　二、引入weui

　　首先新建一个项目来到主页面

接下来跟着“技术哥”的步骤下载weui文件包:

　　1.打开谷歌浏览器搜索weui

　　2.点击框内的链接

3.根据提示的步骤1和步骤2来点击即可下载

4.压缩包下载好后将其解压

　　5.在我们新建的微信小程序项目中新建一个文件夹（“技术哥”给它起了个名字叫做”style“），选中它点击右键选择硬盘打开。

　　6.点开刚刚下载的weui文件，进入dist中的style，然后将其目录下的weui.wxss拖入我们新建的style中，微信小程序style/weui.wxss编辑器界面显示是这样的

　　7.点击app.wxss在第一行加入@import"pages/style/weui.wxss"操作完成后weui即引入成功

三、基础控件

　　1.首先打开手机并在微信主页面的微信小程序那里搜索 “WeUi”

　　2.接着我们在微信小程序开发者工具中新建一个文件夹dist，右键硬盘打开dist并将我们解压过weui文件dist/example导入文件夹中。

　　3. 最后我们就可以在手机上看好样式然后从微信小程序开发者工具dist/example/../..中找到相应的代码“搬砖”即可。wxss与wxml代码对照填入，并可以参考开发者文档。