使用UI组件库,首推Vant Weapp
1、一直装Vant,折腾一晚上才弄明白Vant是做前端的,不是做小程序的
2、Vant Weapp不能用npm装,除非你不用mpvue
(当然,特别想用npm也不是不可以。比如,src目录下添加package.json文件,并设置依赖,然后在微信开发者工具中“工具”菜单选择“构建npm”,把路径设置正确即可)
下载Vant Weapp,并将dist复制到static目录下,命名“vant-weapp”
3、以van-button为例
app.json中增加键值,所有页面均可用,或只在相应页面的main.json中增加键值:
"usingComponents": {
"van-button": "/static/vant-weapp/button/index"
}
4、页面中显示按钮
XX.vue增加按钮代码:
<template>
<div>
<van-button type="primary">主要按钮</van-button>
</div>
</template>
参考资料: