⼩程序mpvue项⽬使⽤WuxWeapp前端UI组件 前⾔:这是⼀篇简单粗暴的使⽤指南
在最近的⼩程序项⽬⾥前端UI框架最后选择使⽤WuxWeapp,这篇⽂章记录⼀下如何在⼩程序mpvue项⽬中使⽤该UI组件。
步骤⼀:下载源码
()
主要是⾥⾯的dist⽂件夹,下载下来之后就把dist⽂件夹放到mpvue脚⼿架⾃动⽣成的static⽂档中。具体的⽬录层级各位都可以按⾃⼰的喜好来设计。贴上我的仅供参考。
步骤⼆:引⼊组件
我们需要在app.json⽂件中进⾏配置,其中有⼀个"usingComponents"配置属性。需要使⽤什么组件,按需引⼊就⾏。配置如下:
步骤三:使⽤组件
最后就是使⽤啦,该UI组件也有官⽅的⽂档,已经写得很详细了。
Tips:
⼩程序的限制
由于⼩程序的定位是轻、快、⼩吧,所以⼩程序的代码包的⼤⼩也是有限制的,⼀个包不能超过2M。所以,我们引⼊到项⽬中的wux
组件的代码⼩程序也会进⾏编译因⽽增加了代码包的⼤⼩,所以最好还是按需使⽤。
如何在Wux的基础上⾃定义样式前端ui框架是什么意思
⽐如我想在wux修改wux按钮组件的颜⾊,因为这种⾏为是会存在的,可能项⽬需求要按钮就得是⼀种特定的颜⾊,⽽且我们想直接写css来修改颜⾊也有点困难。那么不妨,我们可以从组件源码下⼿,其实加个背景颜⾊什么的还算是简单的,只要在wxss⽂件⾥加⼀个css 的class就差不多了…这⼀直是其中⼀种思路,其实也给了我们机会去看看别⼈是如何实际出⼀个UI组件库的。(我想我们⼤多数⼈都是⽤过,却很少看过代码⼋)
写到这⾥,希望能对你有帮助(#^.^#)

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。