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

feat(Image): add more mode (#2908)

Browse Source
This commit is contained in:
Lindy 2020-04-01 13:01:14 +08:00 committed by GitHub
parent 0fece1552c
commit f211bb47ae
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
example/pages/image/index.js
View File

@ -2,7 +2,15 @@ import Page from '../../common/page';
Page({ Page({
data: { data: {
fits: ['contain', 'cover', 'fill', 'none', 'scale-down'], fits: [
src: 'https://img.yzcdn.cn/vant/cat.jpeg', 'contain',
'cover',
'fill',
'none',
'scale-down',
'widthFix',
'heightFix'
],
src: 'https://img.yzcdn.cn/vant/cat.jpeg'
} }
}); });

2
packages/image/README.md
View File

@ -121,6 +121,8 @@
| contain | 保持宽高缩放图片，使图片的长边能完全显示出来 | | contain | 保持宽高缩放图片，使图片的长边能完全显示出来 |
| cover | 保持宽高缩放图片，使图片的短边能完全显示出来，裁剪长边 | | cover | 保持宽高缩放图片，使图片的短边能完全显示出来，裁剪长边 |
| fill | 拉伸图片，使图片填满元素 | | fill | 拉伸图片，使图片填满元素 |
| widthFix | 缩放模式，宽度不变，高度自动变化，保持原图宽高比不变 |
| heightFix | 缩放模式，高度不变，宽度自动变化，保持原图宽高比不变 |
| none | 保持图片原有尺寸 | | none | 保持图片原有尺寸 |
### Events ### Events

4
packages/image/index.ts
View File

@ -7,7 +7,9 @@ const FIT_MODE_MAP = {
none: 'center', none: 'center',
fill: 'scaleToFill', fill: 'scaleToFill',
cover: 'aspectFill', cover: 'aspectFill',
contain: 'aspectFit' contain: 'aspectFit',
widthFix: 'widthFix',
heightFix: 'heightFix'
}; };
VantComponent({ VantComponent({