mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-08-30 20:59:46 +08:00
* docs(SwipeCell): change "slot" to "v-slot" * docs(SwipeCell): change `v-slot` to`#` * docs(cell): change `slot` to `#` * docs(checkbox): change `slot` to `v-slot` * docs(field): change `slot` to `v-slot` * docs(checkbox): remove wrong comment * docs(radio): change `slot` to `#` * docs(search): change `slot` to `#` * docs(slider): change `slot` to `#` * docs(switch): change `slot` to `#` * docs(PullRefresh): change `slot` to `#` * docs(collapse): change `slot` to `#` * docs(panel): change `slot` to `#` * docs(swipe): change `slot` to `#` * docs(navbar): change `slot` to `#` * docs(tab): change `slot` to `#` * docs(tabber): change `slot` to `#` * docs(TreeSelect): change `slot` to `#` * docs(card): change `slot` to `#` * docs(submitBar): change `slot` to `#` * docs(sku): change `slot` to `#` unsure * docs(cell): delete waste blank line * docs(panel): fix indentation * docs(PullRefresh): change "count" to "Refresh Count" * docs(radio): delete waste blank line * docs(search): move props above the event * docs(submitBar): delete waste `<span>` * docs(swipCell): delete waste blank line * docs(tabbar): merge `<img>` into one line
Panel
Install
import Vue from 'vue';
import { Panel } from 'vant';
Vue.use(Panel);
Usage
Basic Usage
<van-panel title="Title" desc="Description" status="Status">
<div>Content</div>
</van-panel>
Advanced Usage
<van-panel title="Title" desc="Description" status="Status">
<div>Content</div>
<template #footer>
<van-button size="small">Button</van-button>
<van-button size="small" type="danger">Button</van-button>
</template>
</van-panel>
API
Props
Attribute | Description | Type | Default |
---|---|---|---|
icon | Left Icon | string | - |
title | Title | string | - |
desc | Description | string | - |
status | Status | string | - |
Slots
Name | Description |
---|---|
default | Default slot |
header | Custom header |
footer | Custom footer |