<view class="textpicture">
<view class="pic">
<image :src="item.textpicture" mode=""></image>
</view>
<view class="pic">
<image :src="item.textpicture" mode=""></image>
</view>
<view class="pic">
<image :src="item.textpicture" mode=""></image>
</view>
<view class="pic">
<image :src="item.textpicture" mode=""></image>
</view>
<view class="pic">
<image :src="item.textpicture" mode=""></image>
</view>
</view>
.pic {
position: relative;
width: 30%;
height: 0;
margin: 10rpx;
padding-top: 30%; //padding-bottom都可以
image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
把宽度设置成30%,padding-top值和宽度一样就行了;
.pic {
position: relative;
width: 0;
height: 50rpx;
margin: 10rpx;
padding-left: 50rpx; //padding-bottom都可以
image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
同理,把高度设置成50rpx,padding-left值和高度一样就行了;