alighasami/vant
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

feat(Card): change thumb fit mode to cover

Browse Source
This commit is contained in:
陈嘉涵
2020-01-24 10:45:06 +08:00
parent 37f512fbd1
commit e766d5d574
9 changed files with 16 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/card/README.md
+3 -3
View File
@@ -19,7 +19,7 @@ Vue.use(Card);
price="2.00"
title="Title"
desc="Description"
thumb="https://img.yzcdn.cn/vant/t-thirt.jpg"
thumb="https://img.yzcdn.cn/vant/cat.jpeg"
/>
```
@@ -33,7 +33,7 @@ Vue.use(Card);
title="Title"
desc="Description"
origin-price="10.00"
thumb="https://img.yzcdn.cn/vant/t-thirt.jpg"
thumb="https://img.yzcdn.cn/vant/cat.jpeg"
/>
```
@@ -47,7 +47,7 @@ Use slot to custom content.
title="Title"
desc="Description"
price="2.00"
thumb="https://img.yzcdn.cn/vant/t-thirt.jpg"
thumb="https://img.yzcdn.cn/vant/cat.jpeg"
>
<div slot="tags">
<van-tag plain type="danger">Tag</van-tag>
src/card/README.zh-CN.md
+3 -3
View File
@@ -19,7 +19,7 @@ Vue.use(Card);
price="2.00"
desc="描述信息"
title="商品标题"
thumb="https://img.yzcdn.cn/vant/t-thirt.jpg"
thumb="https://img.yzcdn.cn/vant/cat.jpeg"
/>
```
@@ -34,7 +34,7 @@ Vue.use(Card);
price="2.00"
desc="描述信息"
title="商品标题"
thumb="https://img.yzcdn.cn/vant/t-thirt.jpg"
thumb="https://img.yzcdn.cn/vant/cat.jpeg"
origin-price="10.00"
/>
```
@@ -49,7 +49,7 @@ Vue.use(Card);
price="2.00"
desc="描述信息"
title="商品标题"
thumb="https://img.yzcdn.cn/vant/t-thirt.jpg"
thumb="https://img.yzcdn.cn/vant/cat.jpeg"
>
<div slot="tags">
<van-tag plain type="danger">标签</van-tag>
src/card/demo/index.vue
+1 -1
View File
@@ -72,7 +72,7 @@ export default {
data() {
return {
imageURL: 'https://img.yzcdn.cn/vant/t-thirt.jpg',
imageURL: 'https://img.yzcdn.cn/vant/cat.jpeg',
};
},
};
src/card/index.tsx
+1 -1
View File
@@ -88,7 +88,7 @@ function Card(
src={thumb}
width="100%"
height="100%"
fit="contain"
fit="cover"
lazy-load={props.lazyLoad}
/>
)}
src/card/test/__snapshots__/demo.spec.js.snap
+3 -3
View File
@@ -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/t-thirt.jpg" class="van-image__img" style="object-fit: contain;">
<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__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/t-thirt.jpg" class="van-image__img" style="object-fit: contain;">
<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__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/t-thirt.jpg" class="van-image__img" style="object-fit: contain;">
<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__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
<!----></i></div>
</div>