syshxcx/pages/neighbor/circle/circleDetail.wxss
dong_bo0602 a1f9e23f6d 0607
2022-06-07 15:43:05 +08:00

124 lines
1.8 KiB
Plaintext

.help-detail{
padding: 20rpx;
background-color: #fff;
}
.talk-user, .user-info{
display: flex;
justify-content: space-between;
margin-bottom: 10rpx;
}
.user-info image{
width: 80rpx;
height: 80rpx;
margin-right: 20rpx;
border-radius: 50%;
}
.good image{
width: 40rpx;
height: 40rpx;
margin-top: -8rpx;
vertical-align: middle;
margin-right: 10rpx;
}
.name{
font-size: 32rpx;
line-height: 50rpx;
}
.time{
font-size: 24rpx;
color: #888;
}
.good text{
line-height: 80rpx;
}
.talk-content{
font-size: 32rpx;
line-height: 40rpx;
margin-bottom: 20rpx;
}
.help-type{
margin: 10rpx 0;
}
.help-type, .help-date{
font-size: 28rpx;
color: #BBB;
}
.explain{
padding: 20rpx;
background-color: #fff;
margin-top: 20rpx;
}
.explain-title{
font-size: 32rpx;
font-weight: bold;
margin-bottom: 10rpx;
}
.explain-detail{
min-height: 300rpx;
font-size: 30rpx;
line-height: 60rpx;
}
.answer{
position: fixed;
bottom: 0;
left: 0;
right: 0;
padding: 35rpx 20rpx;
background-color: #fff;
border-top: 1px solid #DDD;
}
.answer input{
width: 100%;
height: 70rpx;
padding: 0 20rpx;
box-sizing: border-box;
background-color: #F0F0F0;
border-radius: 40rpx;
font-size: 32rpx;
}
.reply{
margin-bottom: 140rpx;
background-color: #fff;
padding: 20rpx;
margin-top: 20rpx;
}
.reply-title{
font-size: 32rpx;
font-weight: bold;
}
.reply-box{
padding: 20rpx 0;
border-bottom: 1px solid #DDD;
}
.reply-box:last-child{
border-bottom: none;
}
.photo-box{
display: inline-block;
width: 32%;
height: 150rpx;
margin-right: 2%;
margin-bottom: 15rpx;
text-align: center;
}
.photo-box:nth-child(3n){
margin-right: 0;
}
.photo-box image{
height: 100%;
}
.reply-row{
line-height: 60rpx;
background-color: #F7F7F7;
padding: 0 10rpx;
word-break: break-all;
}
.reply-row text{
font-weight: bold;
}