微信小程序入门开发超详细笔记(二) 引入UI篇

• 基于(一)的项目完成UI组件的使用
  

1 引入UI组件

• 官网链接
• weappUI组件
  

2 使用UI组件

• 引入
• 使用
  

1 配置所使用的组件

• 找到要使用组件的页面
• home/home.json

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

• home/home.wxml

<view>
  <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>
</view>

2 使用

3 源码

• 码云地址
• https://gitee.com/lakerzhang/wx.git