docs: fix image demo

This commit is contained in:
chenjiahan 2020-12-27 17:00:30 +08:00
parent 4d49183230
commit dedfe88ff8
6 changed files with 10 additions and 22 deletions

View File

@ -1,10 +1,10 @@
<template> <template>
<van-field <van-field
v-model="value"
readonly readonly
clickable clickable
name="area" name="area"
:label="t('picker')" :label="t('picker')"
:model-value="value"
:placeholder="t('placeholder')" :placeholder="t('placeholder')"
@click="showArea = true" @click="showArea = true"
/> />

View File

@ -1,10 +1,10 @@
<template> <template>
<van-field <van-field
v-model="value"
readonly readonly
clickable clickable
name="calendar" name="calendar"
:label="t('calendar')" :label="t('calendar')"
:model-value="value"
:placeholder="t('placeholder')" :placeholder="t('placeholder')"
@click="showCalendar = true" @click="showCalendar = true"
/> />

View File

@ -1,10 +1,10 @@
<template> <template>
<van-field <van-field
v-model="value"
readonly readonly
clickable clickable
name="datetimePicker" name="datetimePicker"
:label="t('label')" :label="t('label')"
:model-value="value"
:placeholder="t('placeholder')" :placeholder="t('placeholder')"
@click="showPicker = true" @click="showPicker = true"
/> />

View File

@ -1,10 +1,10 @@
<template> <template>
<van-field <van-field
v-model="value"
readonly readonly
clickable clickable
name="picker" name="picker"
:label="t('picker')" :label="t('picker')"
:model-value="value"
:placeholder="t('placeholder')" :placeholder="t('placeholder')"
@click="showPicker = true" @click="showPicker = true"
/> />

View File

@ -1,21 +1,9 @@
<template> <template>
<img <demo-block :title="t('basicUsage')">
v-if="lazyLoad" <van-row>
v-lazy="src" <van-image width="100" height="100" :src="image" />
ref="imageRef" </van-row>
:alt="alt" </demo-block>
:class="bem('image')"
:style="{ objectFit: fit }"
/>;
<img
v-else
:src="src"
:alt="alt"
:class="bem('image')"
:style="{ objectFit: fit }"
@load="onLoad"
@error="onError"
/>
<demo-block :title="t('fitMode')"> <demo-block :title="t('fitMode')">
<van-row gutter="20"> <van-row gutter="20">

View File

@ -15,10 +15,10 @@
{{ t('button5') }} {{ t('button5') }}
</van-cell> </van-cell>
<van-field <van-field
v-model="value"
readonly readonly
clickable clickable
:label="t('bindValue')" :label="t('bindValue')"
:model-value="value"
:placeholder="t('clickToInput')" :placeholder="t('clickToInput')"
@touchstart.stop="keyboard = 'bindValue'" @touchstart.stop="keyboard = 'bindValue'"
/> />