ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-22 03:44:48 +00:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

[Doc] Collapse: update demo

Browse Source
This commit is contained in:
陈嘉涵
2019-05-11 17:15:21 +08:00
parent c660c71ee6
commit 8ee250f22a
4 changed files with 39 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
packages/collapse/demo/index.vue
View File

@@ -2,13 +2,13 @@
<demo-section>
<demo-block :title="$t('basicUsage')">
<van-collapse v-model="active1">
<van-collapse-item :title="$t('title1')">{{ $t('content1') }}</van-collapse-item>
<van-collapse-item :title="$t('title2')">{{ $t('content2') }}</van-collapse-item>
<van-collapse-item :title="$t('title') + 1">{{ $t('text') }}</van-collapse-item>
<van-collapse-item :title="$t('title') + 2">{{ $t('text') }}</van-collapse-item>
<van-collapse-item
:title="$t('title3')"
:title="$t('title') + 3"
disabled
>
{{ $t('content3') }}
{{ $t('text') }}
</van-collapse-item>
</van-collapse>
</demo-block>
@@ -18,24 +18,24 @@
v-model="active2"
accordion
>
<van-collapse-item :title="$t('title1')">{{ $t('content1') }}</van-collapse-item>
<van-collapse-item :title="$t('title2')">{{ $t('content2') }}</van-collapse-item>
<van-collapse-item :title="$t('title3')">{{ $t('content3') }}</van-collapse-item>
<van-collapse-item :title="$t('title') + 1">{{ $t('text') }}</van-collapse-item>
<van-collapse-item :title="$t('title') + 2">{{ $t('text') }}</van-collapse-item>
<van-collapse-item :title="$t('title') + 3">{{ $t('text') }}</van-collapse-item>
</van-collapse>
</demo-block>
<demo-block :title="$t('titleSlot')">
<van-collapse v-model="active3">
<van-collapse-item>
<div slot="title">{{ $t('title1') }}<van-icon name="question-o" /></div>
{{ $t('content1') }}
<div slot="title">{{ $t('title') + 1 }}<van-icon name="question-o" /></div>
{{ $t('text') }}
</van-collapse-item>
<van-collapse-item
:title="$t('title2')"
:title="$t('title') + 2"
:value="$t('content')"
icon="shop-o"
>
{{ $t('content2') }}
{{ $t('text') }}
</van-collapse-item>
</van-collapse>
</demo-block>
@@ -48,22 +48,12 @@ export default {
'zh-CN': {
accordion: '手风琴',
titleSlot: '自定义标题内容',
title1: '有赞微商城',
title2: '有赞零售',
title3: '有赞美业',
content1: '提供多样店铺模板，快速搭建网上商城',
content2: '网店吸粉获客、会员分层营销、一机多种收款，告别经营低效和客户流失',
content3: '线上拓客，随时预约，贴心顺手的开单收银'
text: '代码是写出来给人看的，附带能在机器上运行'
},
'en-US': {
accordion: 'Accordion',
titleSlot: 'Custom title',
title1: 'Title1',
title2: 'Title2',
title3: 'Title3',
content1: 'Only those who have the patience to do simple things perfectly ever acquire the skill to do difficult things easily.',
content2: 'When someone walk out your life, let them. They are just making more room for someone else better to walk in.',
content3: 'The world is big and life is short. Live the life the way you want.'
text: 'Content'
}
},