docs(SwipeCell): add custom content demo

This commit is contained in:
陈嘉涵
2020-01-24 11:17:03 +08:00
parent e766d5d574
commit 2af7d1b209
8 changed files with 145 additions and 10 deletions
+3 -3
View File
@@ -19,7 +19,7 @@ Vue.use(Card);
price="2.00"
title="Title"
desc="Description"
thumb="https://img.yzcdn.cn/vant/cat.jpeg"
thumb="https://img.yzcdn.cn/vant/ipad.jpeg"
/>
```
@@ -33,7 +33,7 @@ Vue.use(Card);
title="Title"
desc="Description"
origin-price="10.00"
thumb="https://img.yzcdn.cn/vant/cat.jpeg"
thumb="https://img.yzcdn.cn/vant/ipad.jpeg"
/>
```
@@ -47,7 +47,7 @@ Use slot to custom content.
title="Title"
desc="Description"
price="2.00"
thumb="https://img.yzcdn.cn/vant/cat.jpeg"
thumb="https://img.yzcdn.cn/vant/ipad.jpeg"
>
<div slot="tags">
<van-tag plain type="danger">Tag</van-tag>
+3 -3
View File
@@ -19,7 +19,7 @@ Vue.use(Card);
price="2.00"
desc="描述信息"
title="商品标题"
thumb="https://img.yzcdn.cn/vant/cat.jpeg"
thumb="https://img.yzcdn.cn/vant/ipad.jpeg"
/>
```
@@ -34,7 +34,7 @@ Vue.use(Card);
price="2.00"
desc="描述信息"
title="商品标题"
thumb="https://img.yzcdn.cn/vant/cat.jpeg"
thumb="https://img.yzcdn.cn/vant/ipad.jpeg"
origin-price="10.00"
/>
```
@@ -49,7 +49,7 @@ Vue.use(Card);
price="2.00"
desc="描述信息"
title="商品标题"
thumb="https://img.yzcdn.cn/vant/cat.jpeg"
thumb="https://img.yzcdn.cn/vant/ipad.jpeg"
>
<div slot="tags">
<van-tag plain type="danger">标签</van-tag>
+1 -1
View File
@@ -72,7 +72,7 @@ export default {
data() {
return {
imageURL: 'https://img.yzcdn.cn/vant/cat.jpeg',
imageURL: 'https://img.yzcdn.cn/vant/ipad.jpeg',
};
},
};
@@ -5,7 +5,7 @@ exports[`renders demo correctly 1`] = `
<div>
<div class="van-card">
<div class="van-card__header"><a class="van-card__thumb">
<div class="van-image" style="width: 100%; height: 100%;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: cover;">
<div class="van-image" style="width: 100%; height: 100%;"><img src="https://img.yzcdn.cn/vant/ipad.jpeg" class="van-image__img" style="object-fit: cover;">
<div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
<!----></i></div>
</div>
@@ -28,7 +28,7 @@ exports[`renders demo correctly 1`] = `
<div>
<div class="van-card">
<div class="van-card__header"><a class="van-card__thumb">
<div class="van-image" style="width: 100%; height: 100%;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: cover;">
<div class="van-image" style="width: 100%; height: 100%;"><img src="https://img.yzcdn.cn/vant/ipad.jpeg" class="van-image__img" style="object-fit: cover;">
<div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
<!----></i></div>
</div>
@@ -53,7 +53,7 @@ exports[`renders demo correctly 1`] = `
<div>
<div class="van-card">
<div class="van-card__header"><a class="van-card__thumb">
<div class="van-image" style="width: 100%; height: 100%;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: cover;">
<div class="van-image" style="width: 100%; height: 100%;"><img src="https://img.yzcdn.cn/vant/ipad.jpeg" class="van-image__img" style="object-fit: cover;">
<div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
<!----></i></div>
</div>