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

example/pages/image/index.js

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

packages/image/README.md

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

packages/image/index.ts

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