样式修改

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