ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-22 20:04:09 +00:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

[improvement] rename packages dir to src (#3659)

Browse Source
This commit is contained in:
neverland
2019-06-27 11:25:57 +08:00
committed by GitHub
parent 8489918dca
commit 75c79b7044
619 changed files with 21 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
src/collapse/demo/index.vue Normal file
View File

@@ -0,0 +1,83 @@
<template>
<demo-section>
<demo-block :title="$t('basicUsage')">
<van-collapse v-model="active1">
<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"
disabled
>
{{ $t('text') }}
</van-collapse-item>
</van-collapse>
</demo-block>
<demo-block :title="$t('accordion')">
<van-collapse
v-model="active2"
accordion
>
<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>
<template #title>
{{ $t('title') + 1 }}<van-icon name="question-o" />
</template>
{{ $t('text') }}
</van-collapse-item>
<van-collapse-item
:title="$t('title') + 2"
:value="$t('content')"
icon="shop-o"
>
{{ $t('text') }}
</van-collapse-item>
</van-collapse>
</demo-block>
</demo-section>
</template>
<script>
export default {
i18n: {
'zh-CN': {
accordion: '手风琴',
titleSlot: '自定义标题内容',
text: '代码是写出来给人看的，附带能在机器上运行'
},
'en-US': {
accordion: 'Accordion',
titleSlot: 'Custom title',
text: 'Content'
}
},
data() {
return {
active1: [0],
active2: 0,
active3: []
};
}
};
</script>
<style lang="less">
@import '../../style/var';
.demo-collapse {
.van-icon-question-o {
margin-left: 5px;
color: @blue;
font-size: 15px;
vertical-align: -3px;
}
}
</style>