样式修改

This commit is contained in:
kbing1981 2024-06-26 15:46:40 +08:00
parent ada8ffcea4
commit 590ca26020
1 changed files with 27 additions and 24 deletions

View File

@ -18,7 +18,7 @@
</image> </image>
<view class="zpmore_view" v-if="item.lifePhoto" @click.stop="saveImgss(item.lifePhoto,0)">更多照片</view> <view class="zpmore_view" v-if="item.lifePhoto" @click.stop="saveImgss(item.lifePhoto,0)">更多照片</view>
</view> </view>
<view class="margin-left flex flex-direction" style="width: 85%;"> <view class="margin-left flex flex-direction list-right-content" style="width: 85%;">
<view class="flex align-center" style="justify-content: space-between;"> <view class="flex align-center" style="justify-content: space-between;">
<view class="flex align-center"> <view class="flex align-center">
<view class="text-bold text-30 margin-right-xs" style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;"> <view class="text-bold text-30 margin-right-xs" style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
@ -48,7 +48,7 @@
</view> </view>
<!-- <image src="../../static/images/pinglun.png" style="width: 24rpx;height: 24rpx;"></image> --> <!-- <image src="../../static/images/pinglun.png" style="width: 24rpx;height: 24rpx;"></image> -->
<view style="margin-left: 10rpx;color: #222;font-size: 26rpx;"> <view style="margin-left: 10rpx;color: #222;font-size: 23rpx;">
22222{{item.commentCount ? item.commentCount : 0}} 22222{{item.commentCount ? item.commentCount : 0}}
</view> </view>
</view> </view>
@ -262,32 +262,36 @@
margin-left: 2px; margin-left: 2px;
font-weight: 400; font-weight: 400;
font-size: 23rpx; font-size: 23rpx;
color: #7C8187; color: #666;
} }
.pinglun{ .pinglun{
width: 25.69rpx; width: 23rpx;
height: 22.92rpx; height: 23rpx;
} }
.shouc-img{ .shouc-img{
width: 25.69rpx; width: 26rpx;
height: 22.92rpx; height: 26rpx;
} }
.list-right-top-bottom{ .list-right-top-bottom{
width: 100%; width: 100%;
text-align: left; text-align: left;
font-weight: 400; font-weight: 400;
font-size: 25rpx; font-size: 26rpx;
color: #333333; color: #999;
display: -webkit-box; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-line-clamp: 2; /* 显示的行数,可以根据需要修改 */ -webkit-line-clamp: 2; /* 显示的行数,可以根据需要修改 */
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
margin-top: 5px;
} }
.list-right-content{
padding-right:20rpx;
}
.therapist-bottom-dingwei-text{ .therapist-bottom-dingwei-text{
font-weight: bold;
font-size: 23rpx; font-size: 23rpx;
color: #848485; color: #666;
} }
.therapist-bottom-dingwei{ .therapist-bottom-dingwei{
width: 17.36rpx; width: 17.36rpx;
@ -310,13 +314,12 @@
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
margin: 5px 0px 3px 0px; }
}
.zz_view { .zz_view {
color: #039E89; color: #039E89;
font-size: 24rpx; font-size: 22rpx;
padding: 0px 3px; padding: 0px 3px;
background: #EBEBEB; background: #EBEBEB;
height: 38rpx; height: 38rpx;
@ -329,10 +332,9 @@
height: 38rpx; height: 38rpx;
line-height: 38rpx; line-height: 38rpx;
text-align: center; text-align: center;
font-size: 24rpx; padding: 0px 5px;
padding: 0px 3px; border-top-left-radius: 10rpx;
border-top-left-radius: 7rpx; border-bottom-left-radius: 10rpx;
border-bottom-left-radius: 7rpx;
} }
.byy_view { .byy_view {
color: #000000; color: #000000;
@ -340,18 +342,18 @@
} }
.kfw_view { .kfw_view {
background: linear-gradient(90deg, #019C88, #28BA92, #35C495); background: linear-gradient(90deg, #029d88, #1eb28f);
color: #FFFFFF; color: #FFFFFF;
font-size: 20rpx;
} }
.shou-top{ .shou-top{
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
margin-right: 5px; }
}
.dituzhaoren{ .dituzhaoren{
width: 168.75rpx; width: 145.75rpx;
height: 40.97rpx; height: 40.97rpx;
} }
.content-list{ .content-list{
@ -361,9 +363,10 @@
.content-img image{ .content-img image{
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius:17rpx 100rpx 30rpx 17rpx;
} }
.content-img{ .content-img{
width: 202.08rpx; width: 212.08rpx;
height: 100%; height: 100%;
position: relative; position: relative;
} }
@ -378,7 +381,7 @@
.zpmore_view { .zpmore_view {
position: absolute; position: absolute;
bottom: 0px; bottom: 0px;
margin-bottom: 2px; margin-bottom: 4px;
left: 14rpx; left: 14rpx;
color: #f9f3d3; color: #f9f3d3;
background: linear-gradient(to right, #0a0c16, #4d4d53); background: linear-gradient(to right, #0a0c16, #4d4d53);