mirror of
https://gitee.com/elegant_wings/dbd-meeting-wx-small.git
synced 2025-06-21 23:39:36 +08:00
32 lines
713 B
Markdown
32 lines
713 B
Markdown
|
## 开发
|
|||
|
|
|
|||
|
|
# 框架采用 Vant Weapp （https://youzan.github.io/vant-weapp）
|
|||
|
|
|
|||
|
|
# 开发环境初始化
|
|||
|
|
```
|
|||
|
|
1. npm install
|
|||
|
|
2. 打开微信开发者工具，点击 工具 -> 构建 npm，并勾选 使用 npm 模块 选项，构建完成后，即可引入组件。
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
# 引入组件-全局引入
|
|||
|
|
```
|
|||
|
|
// app.json 文件里配置 usingComponents 选项
|
|||
|
|
"usingComponents": {
|
|||
|
|
"van-button": "@vant/weapp/button/index"
|
|||
|
|
}
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
# 引入组件-局部引入
|
|||
|
|
```
|
|||
|
|
// 在页面的 json 文件里配置 usingComponents 选项
|
|||
|
|
"usingComponents": {
|
|||
|
|
"van-button": "@vant/weapp/button/index"
|
|||
|
|
}
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
# 使用组件
|
|||
|
|
```
|
|||
|
|
// 引入组件后，可以在 wxml 中直接使用组件
|
|||
|
|
<van-button type="primary">按钮</van-button>
|
|||
|
|
```
|