blackteay/vant-weapp
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant-weapp.git synced 2025-04-06 03:58:05 +08:00
Code Issues Projects Releases Wiki Activity

[new feature] Card: 卡片组件增加图片懒加载属性 (#707)

Browse Source
This commit is contained in:
rex 2018-10-08 20:45:56 +08:00 committed by neverland
parent f713039d58
commit 1d72fd6ad5
3 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/card/README.md
View File

@ -56,6 +56,7 @@
| currency | 货币符号 | `String` | `¥` | | currency | 货币符号 | `String` | `¥` |
| thumb-link | 点击左侧图片后的跳转链接 | `String` | - | | thumb-link | 点击左侧图片后的跳转链接 | `String` | - |
| link-type | 链接跳转类型，可选值为 `redirectTo` `switchTab` `reLaunch` | `String` | `navigateTo` | | link-type | 链接跳转类型，可选值为 `redirectTo` `switchTab` `reLaunch` | `String` | `navigateTo` |
| lazy-load | 是否开启图片懒加载 | `String` | `false` |
### Slot ### Slot

1
packages/card/index.ts
View File

@ -17,6 +17,7 @@ VantComponent({
title: String, title: String,
price: String, price: String,
centered: Boolean, centered: Boolean,
lazyLoad: Boolean,
thumbLink: String, thumbLink: String,
linkType: { linkType: {
type: String, type: String,

2
packages/card/index.wxml
View File

@ -1,6 +1,6 @@
<view class="custom-class van-card {{ centered ? 'van-card--center' : '' }}"> <view class="custom-class van-card {{ centered ? 'van-card--center' : '' }}">
<view class="van-card__thumb" bind:tap="onClickThumb"> <view class="van-card__thumb" bind:tap="onClickThumb">
<image wx:if="{{ thumb }}" src="{{ thumb }}" class="van-card__img thumb-class" /> <image wx:if="{{ thumb }}" lazy-load="{{ lazyLoad }}" src="{{ thumb }}" class="van-card__img thumb-class" />
<slot wx:else name="thumb" /> <slot wx:else name="thumb" />
<van-tag <van-tag
wx:if="{{ tag }}" wx:if="{{ tag }}"