修改图片显示尺寸

This commit is contained in:
熊丽君
2021-09-23 15:29:31 +08:00
parent d9a7cf5fb5
commit ea8d29b988

View File

@ -7,13 +7,11 @@
<view class="img"> <view class="img">
<u-image <u-image
width="100%" width="100%"
height="580rpx" mode="widthFix"
mode="aspectFill"
:src="item" :src="item"
v-for="item in info.pic" v-for="item in info.pic"
style="margin-bottom: 16rpx"
></u-image> ></u-image>
<view class="" style="font-size: 36rpx; color: #333333; margin-top: 40rpx">{{ info.name }}</view> <view class="info_name">{{ info.name }}</view>
</view> </view>
</view> </view>
<view class="cro cro2"> <view class="cro cro2">
@ -395,14 +393,23 @@ export default {
border-radius: 15px 15px 0 0; border-radius: 15px 15px 0 0;
.img { .img {
// display: flex;
// flex-direction: column;
padding: 40rpx; padding: 40rpx;
font-size: 30rpx; // font-size: 30rpx;
color: #666666; // color: #666666;
.u-image { .u-image {
border-radius: 15px !important; /deep/.u-image__image{
overflow: hidden !important; vertical-align: middle;
}
// overflow: hidden !important;
} }
.info_name{
font-size: 36rpx;
color: #333333;
margin-top: 40rpx
}
} }
} }