微信小程序(二十)UI组件(Vant Weapp)02使用

1.按钮使用

https://vant-contrib.gitee.io/vant-weapp/#/button

  1.全局引入,app.json中引入组件

  "usingComponents": {
  "van-button": "@vant/weapp/button/index"
  }

  2.在使用的组件wxml页面中加入代码(如果不生效,将项目关了重启)

<van-button type="default">默认按钮</van-button>
<van-button type="primary">主要按钮</van-button>
<van-button type="info">信息按钮</van-button>
<van-button type="warning">警告按钮</van-button>
<van-button type="danger">危险按钮</van-button>
组件.wxml
 
原文地址:https://www.cnblogs.com/djtang/p/14327314.html