关于uniapp中长图片父盒子宽度自适应的需求实现

先说结论：

绑定图片加载函数获得每张图片的宽高，然后通过屏幕大小和图片大小等比例缩放，计算得出每张图片的宽度：每张图所需宽度= 图片真实宽度/(图片真实高度/屏幕高度)

父盒子把每张图宽度相加，然后监听窗口的resize，重新赋值给父盒子宽度就行。

（代码直接看下面第三点）

1、需求

我要实现不同长度的图片拼接成一个连续的长图，就是高度不变，可以横向滚动的图片。

2、实现

首先我以为设定了图片height:100vh就好了，然后图片宽度可以自己进行自适应。然而，运行后的uni-image的css自带了320px宽度属性。导致我每个图片渲染出来都是一样宽的。

//imgArr是图片的地址数组
<image v-for="(item,index) in imgArr" :src="item" :key="index"></image>

假如要改变图片宽度只能自己给定宽度才行，做不到自适应。

然后我在代码中将image标签的mode模式改成“heightFix”，实现图片高度自适应，每张图片