docs(ImagePreview): fix cell style in demo

This commit is contained in:
chenjiahan 2022-08-24 22:19:13 +08:00
parent 86adc66dd9
commit 0881de82af

View File

@ -77,23 +77,23 @@ const showFunctionCall = (options: Partial<ImagePreviewOptions> = {}) => {
<template> <template>
<demo-block card :title="t('basicUsage')"> <demo-block card :title="t('basicUsage')">
<van-cell is-link :value="t('showImages')" @click="showFunctionCall()" /> <van-cell is-link :title="t('showImages')" @click="showFunctionCall()" />
</demo-block> </demo-block>
<demo-block card :title="t('customConfig')"> <demo-block card :title="t('customConfig')">
<van-cell <van-cell
is-link is-link
:value="t('startPosition')" :title="t('startPosition')"
@click="showFunctionCall({ startPosition: 1 })" @click="showFunctionCall({ startPosition: 1 })"
/> />
<van-cell <van-cell
is-link is-link
:value="t('showClose')" :title="t('showClose')"
@click="showFunctionCall({ closeable: true })" @click="showFunctionCall({ closeable: true })"
/> />
<van-cell <van-cell
is-link is-link
:value="t('closeEvent')" :title="t('closeEvent')"
@click="showFunctionCall({ onClose })" @click="showFunctionCall({ onClose })"
/> />
</demo-block> </demo-block>
@ -101,13 +101,13 @@ const showFunctionCall = (options: Partial<ImagePreviewOptions> = {}) => {
<demo-block card :title="t('beforeClose')"> <demo-block card :title="t('beforeClose')">
<van-cell <van-cell
is-link is-link
:value="t('beforeClose')" :title="t('beforeClose')"
@click="showFunctionCall({ beforeClose })" @click="showFunctionCall({ beforeClose })"
/> />
</demo-block> </demo-block>
<demo-block card :title="t('componentCall')"> <demo-block card :title="t('componentCall')">
<van-cell is-link :value="t('componentCall')" @click="showComponentCall" /> <van-cell is-link :title="t('componentCall')" @click="showComponentCall" />
<van-image-preview v-model:show="show" :images="images" @change="onChange"> <van-image-preview v-model:show="show" :images="images" @change="onChange">
<template #index>{{ t('index', index) }}</template> <template #index>{{ t('index', index) }}</template>
</van-image-preview> </van-image-preview>