在app.json或index.json中引入组件,详细介绍见快速上手
"usingComponents": {
"van-panel": "path/to/vant-weapp/dist/panel/index"
}面板只是一个容器,里面可以放入自定义的内容
<van-panel title="标题" desc="描述信息" status="状态">
<view>内容</view>
</van-panel>使用slot自定义内容
<van-panel title="标题" desc="描述信息" status="状态" use-footer-slot>
<view>内容</view>
<view slot="footer">
<van-button size="small">按钮</van-button>
<van-button size="small" type="danger">按钮</van-button>
</view>
</van-panel>| 参数 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| title | 标题 | string | - | - |
| desc | 描述 | string | - | - |
| status | 状态 | string | - | - |
| use-footer-slot | 是否使用 footer slot | boolean | false |
- |
| 名称 | 说明 |
|---|---|
| - | 自定义内容 |
| header | 自定义 header,如果设置了title、desc、status属性则不生效 |
| footer | 自定义 footer,需要设置 use-footer-slot属性 |
| 类名 | 说明 |
|---|---|
| custom-class | 根节点样式类 |
| header-class | 头部样式类 |
| footer-class | 底部样式类 |