mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
53 lines
1006 B
Vue
53 lines
1006 B
Vue
<template>
|
|
<demo-section>
|
|
<demo-block :title="$t('basicUsage')">
|
|
<van-panel
|
|
:title="$t('title')"
|
|
:desc="$t('desc')"
|
|
:status="$t('status')"
|
|
>
|
|
<div>{{ $t('content') }}</div>
|
|
</van-panel>
|
|
</demo-block>
|
|
|
|
<demo-block :title="$t('advancedUsage')">
|
|
<van-panel
|
|
:title="$t('title')"
|
|
:desc="$t('desc')"
|
|
:status="$t('status')"
|
|
>
|
|
<div>{{ $t('content') }}</div>
|
|
<div slot="footer">
|
|
<van-button size="small">{{ $t('button') }}</van-button>
|
|
<van-button
|
|
size="small"
|
|
type="danger"
|
|
>
|
|
{{ $t('button') }}
|
|
</van-button>
|
|
</div>
|
|
</van-panel>
|
|
</demo-block>
|
|
</demo-section>
|
|
</template>
|
|
|
|
<script>
|
|
export default {};
|
|
</script>
|
|
|
|
<style lang="less">
|
|
.demo-panel {
|
|
.van-panel__footer {
|
|
text-align: right;
|
|
|
|
.van-button {
|
|
margin-left: 5px;
|
|
}
|
|
}
|
|
|
|
.van-panel__content {
|
|
padding: 20px;
|
|
}
|
|
}
|
|
</style>
|