博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序mpvue项目使用WuxWeapp前端UI组件
阅读量:6704 次
发布时间:2019-06-25

本文共 646 字,大约阅读时间需要 2 分钟。

前言:这是一篇简单粗暴的使用指南

在最近的小程序项目里前端UI框架最后选择使用WuxWeapp,这篇文章记录一下如何在小程序mpvue项目中使用该UI组件。

步骤一:下载源码

()

主要是里面的dist文件夹,下载下来之后就把dist文件夹放到mpvue脚手架自动生成的static文档中。具体的目录层级各位都可以按自己的喜好来设计。贴上我的仅供参考。

clipboard.png

步骤二:引入组件

我们需要在app.json文件中进行配置,其中有一个"usingComponents"配置属性。需要使用什么组件,按需引入就行。配置如下:

clipboard.png

步骤三:使用组件

最后就是使用啦,该UI组件也有官方的文档,已经写得很详细了。

clipboard.png


Tips:

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

写到这里,希望能对你有帮助(#^.^#)

转载地址:http://zbblo.baihongyu.com/

你可能感兴趣的文章
Python正则表达式初识(五)
查看>>
[译]用 Java 创造你的第一个区块链之第二部分 —— 交易
查看>>
vuex 源码:如何实现一个简单的 vuex
查看>>
Thymeleaf的基本语法
查看>>
theos的Tweak创建的dylib怎么安装到非越狱机上详解
查看>>
Picasso-源码解析(三)
查看>>
MJExtension
查看>>
Redux:百行代码千行文档
查看>>
深入理解 RxJava2:揭秘 subscribeOn(3)
查看>>
DOM2级事件对象(e)
查看>>
拖拽(鼠标丢失)
查看>>
vue2.0父子组件及非父子组件间实现通信
查看>>
linux之路(四)文件相关命令
查看>>
linker源码解析
查看>>
阿里云大数据计算服务MaxCompute(下篇)
查看>>
Android WebSocket实践
查看>>
机遇与挑战并存,神画科技玩转智能投影并不易
查看>>
从天猫TES看行业升级:消费电子智能化已成趋势
查看>>
Java中常用的容器类笔记
查看>>
Vue 中 extend / component / mixins / extends 的区别
查看>>