微信小程序mpvue项目使用WuxWeapp前端UI组件

前言：这是一个简单粗鲁的使用指南

在最近的小程序项目中，前端UI框架最终选择使用WuxWeapp。本文记录如何在小程序mpvue项目中使用UI组件。

步骤一：下载源码

（地址在这里）

主要在dist文件夹内，下载后，将dist文件夹放入mpvue脚手架自动生成的静态文件中。可以根据您自己的偏好设计特定目录级别。粘贴我仅供参考。

步骤二：引入组件

我们需要在apapp中开发

使用'usingComponents'配置属性在p.json文件中配置。根据需要需要使用哪些组件。配置如下：

步骤三：使用组件

最后是使用，UI组件也有官方文档，已经写得非常详细。

Tips：小程序的限制 由于小程序的定位是轻、快、小吧，所以小程序的代码包的大小也是有限制的，一个包不能超过2M。所以，我们引入到项目中的wux组件的代码小程序也会进行编译因而增加了代码包的大小，所以最好还是按需使用。如何在Wux的基础上自定义样式 比如我想在wux修改wux按钮组件的颜色，因为这种行为是会存在的，可能项目需求要按钮就得是一种特定的颜色，而且我们想直接写css来修改颜色也有点困难。那么不妨，我们可以从组件源码下手，其实加个背景颜色什么的还算是简单的，只要在wxss文件里加一个css 的class就差不多了…这一直是其中一种思路，其实也给了我们机会去看看别人是如何实际出一个UI组件库的。（我想我们大多数人都是用过，却很少看过代码八）

写在这里，我希望我可以帮助你（＃^。^＃）