blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues 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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/card/README.md
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>

6
src/card/README.zh-CN.md
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>

2
src/card/demo/index.vue
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',
};
},
};

2
src/card/index.tsx
View File

@ -88,7 +88,7 @@ function Card(
src={thumb}
width="100%"
height="100%"
fit="contain"
fit="cover"
lazy-load={props.lazyLoad}
/>
)}

6
src/card/test/__snapshots__/demo.spec.js.snap
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>

2
src/field/README.zh-CN.md
View File

@ -216,7 +216,7 @@ export default {
### 输入框内容对齐
通过`input-align`属性可以设置输入框内容的对齐方式
通过`input-align`属性可以设置输入框内容的对齐方式，可选值为`center`、`right`
```html
<van-field

6
src/swipe-cell/README.md
View File

@ -18,9 +18,7 @@ Vue.use(SwipeCell);
<template slot="left">
<van-button square type="primary" text="Select" />
</template>
<van-cell :border="false" title="Cell" value="Cell Content" />
<template slot="right">
<van-button square type="danger" text="Delete" />
<van-button square type="primary" text="Collect"/>
@ -28,16 +26,14 @@ Vue.use(SwipeCell);
</van-swipe-cell>
```
### Async close
### Before Close
```html
<van-swipe-cell :before-close="beforeClose">
<template slot="left">
<van-button square type="primary" text="Select" />
</template>
<van-cell :border="false" title="Cell" value="Cell Content" />
<template slot="right">
<van-button square type="danger" text="Delete" />
</template>

4
src/swipe-cell/README.zh-CN.md
View File

@ -20,9 +20,7 @@ Vue.use(SwipeCell);
<template slot="left">
<van-button square type="primary" text="选择" />
</template>
<van-cell :border="false" title="单元格" value="内容" />
<template slot="right">
<van-button square type="danger" text="删除" />
<van-button square type="primary" text="收藏"/>
@ -39,9 +37,7 @@ Vue.use(SwipeCell);
<template slot="left">
<van-button square type="primary" text="选择" />
</template>
<van-cell :border="false" title="单元格" value="内容" />
<template slot="right">
<van-button square type="danger" text="删除" />
</template>

6
src/swipe-cell/demo/index.vue
View File

@ -18,7 +18,7 @@
</van-swipe-cell>
</demo-block>
<demo-block :title="$t('title2')">
<demo-block :title="$t('beforeClose')">
<van-swipe-cell :before-close="beforeClose">
<template #left>
<van-button square type="primary" :text="$t('select')" />
@ -45,16 +45,16 @@ export default {
delete: '删除',
collect: '收藏',
title: '单元格',
title2: '异步关闭',
confirm: '确定删除吗？',
beforeClose: '异步关闭',
},
'en-US': {
select: 'Select',
delete: 'Delete',
collect: 'Collect',
title: 'Cell',
title2: 'Async close',
confirm: 'Are you sure to delete?',
beforeClose: 'Before Close',
},
},