mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
docs: fix image demo
This commit is contained in:
parent
4d49183230
commit
dedfe88ff8
@ -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"
|
||||||
/>
|
/>
|
||||||
|
@ -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"
|
||||||
/>
|
/>
|
||||||
|
@ -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"
|
||||||
/>
|
/>
|
||||||
|
@ -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"
|
||||||
/>
|
/>
|
||||||
|
@ -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">
|
||||||
|
@ -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'"
|
||||||
/>
|
/>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user