内容简介：前言：这是一篇简单粗暴的使用指南在最近的小程序项目里前端UI框架最后选择使用WuxWeapp，这篇文章记录一下如何在小程序mpvue项目中使用该UI组件。（
前言：这是一篇简单粗暴的使用指南
在最近的小程序项目里前端UI框架最后选择使用WuxWeapp，这篇文章记录一下如何在小程序mpvue项目中使用该UI组件。
步骤一：下载源码
（ 地址在这里 ）
主要是里面的dist文件夹，下载下来之后就把dist文件夹放到mpvue脚手架自动生成的static文档中。具体的目录层级各位都可以按自己的喜好来设计。贴上我的仅供参考。
步骤二：引入组件
我们需要在app.json文件中进行配置，其中有一个"usingComponents"配置属性。需要使用什么组件，按需引入就行。配置如下：
步骤三：使用组件
最后就是使用啦，该UI组件也有官方的文档，已经写得很详细了。
Tips：
- 小程序的限制
由于小程序的定位是轻、快、小吧，所以小程序的代码包的大小也是有限制的，一个包不能超过2M。所以，我们引入到项目中的wux组件的代码小程序也会进行编译因而增加了代码包的大小，所以最好还是按需使用。 - 如何在Wux的基础上自定义样式
比如我想在wux修改wux按钮组件的颜色，因为这种行为是会存在的，可能项目需求要按钮就得是一种特定的颜色，而且我们想直接写css来修改颜色也有点困难。那么不妨，我们可以从组件源码下手，其实加个背景颜色什么的还算是简单的，只要在wxss文件里加一个css 的class就差不多了…这一直是其中一种思路，其实也给了我们机会去看看别人是如何实际出一个UI组件库的。（我想我们大多数人都是用过，却很少看过代码八）
写到这里，希望能对你有帮助(#^.^#)
以上所述就是小编给大家介绍的《微信小程序mpvue项目使用WuxWeapp前端UI组件》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持！
猜你喜欢:
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
