uniapp 图片组件image

默认宽300,高225

src="路径"
mode=''aspectFit"
	保持纵横比缩放图片，使图片的长边能完全显示出来。也就是说，可以完整地将图片显示出来。
	
mode="aspectFill"
	保持纵横比缩放图片，只保证图片的短边能完全显示出来。也就是说，图片通常只在水平或垂直方向是完整的，另一个方向将会发生截取。

mode="scaleToFill"
	不保持纵横比缩放图片，使图片的宽高完全拉伸至填满 image 元素

mode="widthFix"
	宽度不变，高度自动变化，保持原图宽高比不变

代码示例:

<template>
	<view>
		<image 
		mode="aspectFit"
		src='https://dss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1713396441,1487163637&fm=26&gp=0.jpg'></image>
		<image
		mode="aspectFill"
		src='https://dss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1713396441,1487163637&fm=26&gp=0.jpg'></image>

	
	</view>
</template>

<script>
</script>

<style scoped>
	.box{
		height: 100px;
		width: 100px;
		background-color: #4CD964;
	}
	.box1{
		background-color: #007AFF;
	}
</style>