uniapp微信小程序如何动态设置图片的高度和宽度

官网:

image | uni-app官网https://uniapp.dcloud.io/component/image.html#image

思路:可以通过设置mode+监听宽高来实现

 代码:

   <image
              class="image"
              v-if="bookimg"
              :style="{width:previewWidth + '%'}"
              :src="ossBaseUrl + bookimg"
              mode="aspectFit"></image>

data:
previewWidth: null, // 预览宽度,默认60%

		

完整的实例代码:

 文章链接:

猜你喜欢

转载自blog.csdn.net/qq_22182989/article/details/124827286
今日推荐