image如何实现图片平铺

在使用uniapp开发微信小程序时,需要将图片进行平铺,图片使用的是image标签,
样式写的是object-fit: scale-down;没有效果,这个如何做呢,代码如下

<view v-if="uploadImageUrl!=''" >
                    <image :src="imageBaseUrl+uploadImageUrl"  class="upload-image" :class="chooseReplace==0?'image-relace':''"></image>
                     
                </view>
                

样式如下

img

这个平铺如何去实现呢?

试试用image的mode属性来设置一下,看看有没有你想要的效果

用背景图

background-repeat 属性是用来设置背景图片平铺的。它有四个属性值,分别为:

repeat:默认完全平铺背景
no-repeat:不平铺
repeat-x:横向平铺背景
repeat-y:纵向平铺背景