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

docs: update cell (#4293)

Browse Source
This commit is contained in:
neverland
2019-08-30 11:44:33 +08:00
committed by GitHub
parent dc8b166e9b
commit 8df92071f5
4 changed files with 40 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

94
src/cell/demo/index.vue
View File

@@ -2,38 +2,18 @@
<demo-section>
<demo-block :title="$t('basicUsage')">
<van-cell-group>
<van-cell
:title="$t('cell')"
:value="$t('content')"
/>
<van-cell
:title="$t('cell')"
:value="$t('content')"
:label="$t('desc')"
/>
<van-cell :title="$t('cell')" :value="$t('content')" />
<van-cell :title="$t('cell')" :value="$t('content')" :label="$t('desc')" />
</van-cell-group>
</demo-block>
<demo-block :title="$t('largeSize')">
<van-cell
:title="$t('cell')"
:value="$t('content')"
size="large"
/>
<van-cell
:title="$t('cell')"
:value="$t('content')"
size="large"
:label="$t('desc')"
/>
<van-cell :title="$t('cell')" :value="$t('content')" size="large" />
<van-cell :title="$t('cell')" :value="$t('content')" size="large" :label="$t('desc')" />
</demo-block>
<demo-block :title="$t('showIcon')">
<van-cell
:title="$t('cell')"
:value="$t('content')"
icon="location-o"
/>
<van-cell :title="$t('cell')" :value="$t('content')" icon="location-o" />
</demo-block>
<demo-block :title="$t('valueOnly')">
@@ -41,70 +21,36 @@
</demo-block>
<demo-block :title="$t('showArrow')">
<van-cell
:title="$t('cell')"
is-link
/>
<van-cell
:title="$t('cell')"
is-link
:value="$t('content')"
/>
<van-cell
:title="$t('cell')"
is-link
arrow-direction="down"
:value="$t('content')"
/>
<van-cell :title="$t('cell')" is-link />
<van-cell :title="$t('cell')" is-link :value="$t('content')" />
<van-cell :title="$t('cell')" is-link arrow-direction="down" :value="$t('content')" />
</demo-block>
<demo-block :title="$t('router')">
<van-cell
:title="$t('urlRoute')"
is-link
url="/vant/mobile.html"
/>
<van-cell
:title="$t('vueRoute')"
is-link
to="index"
/>
<van-cell :title="$t('urlRoute')" is-link url="/vant/mobile.html" />
<van-cell :title="$t('vueRoute')" is-link to="index" />
</demo-block>
<demo-block :title="$t('groupTitle')">
<van-cell-group :title="`${$t('group')} 1`">
<van-cell
:title="$t('cell')"
:value="$t('content')"
/>
<van-cell :title="$t('cell')" :value="$t('content')" />
</van-cell-group>
<van-cell-group :title="`${$t('group')} 2`">
<van-cell
:title="$t('cell')"
:value="$t('content')"
/>
<van-cell :title="$t('cell')" :value="$t('content')" />
</van-cell-group>
</demo-block>
<demo-block :title="$t('advancedUsage')">
<van-cell
:value="$t('content')"
is-link
>
<demo-block :title="$t('useSlots')">
<van-cell :value="$t('content')" is-link>
<template #title>
<span class="custom-title">{{ $t('cell') }}</span>
<van-tag type="danger">{{ $t('tag') }}</van-tag>
</template>
</van-cell>
<van-cell
icon="shop-o"
:title="$t('cell')"
>
<van-cell icon="shop-o" :title="$t('cell')">
<template #right-icon>
<van-icon
name="search"
style="line-height: inherit;"
/>
<van-icon name="search" style="line-height: inherit;" />
</template>
</van-cell>
</demo-block>
@@ -124,7 +70,8 @@ export default {
groupTitle: '分组标题',
router: '页面导航',
urlRoute: 'URL 跳转',
vueRoute: '路由跳转'
vueRoute: '路由跳转',
useSlots: '使用插槽'
},
'en-US': {
cell: 'Cell title',
@@ -136,7 +83,8 @@ export default {
groupTitle: 'Group Title',
router: 'Router',
urlRoute: 'URL',
vueRoute: 'Vue Router'
vueRoute: 'Vue Router',
useSlots: 'Use Slots'
}
}
};