引入

import Vue from 'vue';
import { Panel } from 'vant';

Vue.use(Panel);

代碼演示

基礎(chǔ)用法

面板只是一個(gè)容器，里面可以放入自定義的內(nèi)容

<van-panel title="標(biāo)題" desc="描述信息" status="狀態(tài)">
  <div>內(nèi)容</div>
</van-panel>

高級用法

使用slot自定義內(nèi)容

<van-panel title="標(biāo)題" desc="描述信息" status="狀態(tài)">
  <div>內(nèi)容</div>
  <div slot="footer">
    <van-button size="small">按鈕</van-button>
    <van-button size="small" type="danger">按鈕</van-button>
  </div>
</van-panel>

API

Props

Slots