在使用uniapp开发微信小程序时,需要将图片进行平铺,图片使用的是image标签,
样式写的是object-fit: scale-down;没有效果,这个如何做呢,代码如下
<view v-if="uploadImageUrl!=''" >
<image :src="imageBaseUrl+uploadImageUrl" class="upload-image" :class="chooseReplace==0?'image-relace':''"></image>
</view>
样式如下
这个平铺如何去实现呢?
试试用image的mode属性来设置一下,看看有没有你想要的效果
用背景图
background-repeat 属性是用来设置背景图片平铺的。它有四个属性值,分别为:
repeat:默认完全平铺背景
no-repeat:不平铺
repeat-x:横向平铺背景
repeat-y:纵向平铺背景