mirror of
https://gitee.com/vant-contrib/vant-weapp.git
synced 2025-04-06 03:58:05 +08:00
102 lines
2.0 KiB
Plaintext
102 lines
2.0 KiB
Plaintext
<demo-block title="基础用法" padding>
|
|
<van-row>
|
|
<van-image
|
|
width="100"
|
|
height="100"
|
|
src="{{ src }}"
|
|
/>
|
|
</van-row>
|
|
</demo-block>
|
|
|
|
<demo-block title="填充模式" padding>
|
|
<van-row gutter="20">
|
|
<van-col
|
|
wx:for="{{ fits }}"
|
|
wx:for-item="fit"
|
|
wx:key="fit"
|
|
span="8"
|
|
>
|
|
<van-image
|
|
fit="{{ fit }}"
|
|
width="100%"
|
|
height="27vw"
|
|
src="{{ src }}"
|
|
/>
|
|
<view class="text">{{ fit }}</view>
|
|
</van-col>
|
|
</van-row>
|
|
</demo-block>
|
|
|
|
<demo-block title="圆形图片" padding>
|
|
<van-row gutter="20">
|
|
<van-col
|
|
wx:for="{{ fits }}"
|
|
wx:for-item="fit"
|
|
wx:key="fit"
|
|
span="8"
|
|
>
|
|
<van-image
|
|
round
|
|
fit="{{ fit }}"
|
|
width="100%"
|
|
height="27vw"
|
|
src="{{ src }}"
|
|
/>
|
|
<view class="text">{{ fit }}</view>
|
|
</van-col>
|
|
</van-row>
|
|
</demo-block>
|
|
|
|
<demo-block title="加载中提示" padding>
|
|
<van-row gutter="20">
|
|
<van-col span="8">
|
|
<van-image
|
|
width="100%"
|
|
height="27vw"
|
|
/>
|
|
<view class="text">默认提示</view>
|
|
</van-col>
|
|
|
|
<van-col span="8">
|
|
<van-image
|
|
width="100%"
|
|
height="27vw"
|
|
use-loading-slot
|
|
>
|
|
<van-loading
|
|
slot="loading"
|
|
type="spinner"
|
|
size="20"
|
|
vertical
|
|
/>
|
|
</van-image>
|
|
<view class="text">自定义提示</view>
|
|
</van-col>
|
|
</van-row>
|
|
</demo-block>
|
|
|
|
<demo-block title="加载失败提示" padding>
|
|
<van-row gutter="20">
|
|
<van-col span="8">
|
|
<van-image
|
|
width="100%"
|
|
height="27vw"
|
|
src="x"
|
|
/>
|
|
<view class="text">默认提示</view>
|
|
</van-col>
|
|
|
|
<van-col span="8">
|
|
<van-image
|
|
width="100%"
|
|
height="27vw"
|
|
src="x"
|
|
use-error-slot
|
|
>
|
|
<text slot="error">加载失败</text>
|
|
</van-image>
|
|
<view class="text">自定义提示</view>
|
|
</van-col>
|
|
</van-row>
|
|
</demo-block>
|