You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
139 lines
2.1 KiB
139 lines
2.1 KiB
1 year ago
|
/* miniprogram/pages/detail/detail.wxss */
|
||
|
|
.title_img{
|
||
|
|
width: 50rpx;
|
||
|
|
height:50rpx;
|
||
|
|
margin: -10rpx 10rpx;
|
||
|
|
}
|
||
|
|
.author{
|
||
|
|
height: 80rpx;
|
||
|
|
line-height: 40rpx;
|
||
|
|
}
|
||
|
|
.author>view{
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
.a-head{
|
||
|
|
|
||
|
|
width: 80rpx;
|
||
|
|
height: 80rpx;
|
||
|
|
overflow: hidden;
|
||
|
|
border-radius: 50%;
|
||
|
|
}
|
||
|
|
.a-head image{
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
.a-content{
|
||
|
|
max-width: 80%;
|
||
|
|
margin-left: 30rpx;
|
||
|
|
}
|
||
|
|
.a-name{
|
||
|
|
font-weight: 600;
|
||
|
|
}
|
||
|
|
.container4{
|
||
|
|
padding: 20rpx 40rpx;
|
||
|
|
background-color: #fff;
|
||
|
|
/* background-color: aqua; */
|
||
|
|
}
|
||
|
|
.title{
|
||
|
|
display: inline-block;
|
||
|
|
margin-top: 20rpx;
|
||
|
|
color: #169BD5;
|
||
|
|
font-size: 40rpx;
|
||
|
|
}
|
||
|
|
.content{
|
||
|
|
margin: 20rpx 0;
|
||
|
|
font-size: 30rpx;
|
||
|
|
}
|
||
|
|
.content view{
|
||
|
|
word-break: break-all;
|
||
|
|
font-family: fangsong;
|
||
|
|
line-height: 60rpx;
|
||
|
|
}
|
||
|
|
.content view text:nth-of-type(1){
|
||
|
|
font-weight: 700;
|
||
|
|
}
|
||
|
|
.split{
|
||
|
|
margin-top: 20rpx;
|
||
|
|
border: 2px dashed #8c8c8c;
|
||
|
|
}
|
||
|
|
.comment1{
|
||
|
|
background-color: #fff;
|
||
|
|
padding: 20rpx;
|
||
|
|
margin-bottom: 100rpx;
|
||
|
|
}
|
||
|
|
.h-cut{
|
||
|
|
width: 80rpx;
|
||
|
|
height: 80rpx;
|
||
|
|
overflow:hidden;
|
||
|
|
border-radius: 50%;
|
||
|
|
}
|
||
|
|
.h-cut image{
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
.c-title{
|
||
|
|
font-weight: 700;
|
||
|
|
}
|
||
|
|
.c-content{
|
||
|
|
margin-top: 20rpx;
|
||
|
|
padding: 20rpx 0;
|
||
|
|
width: 100%;
|
||
|
|
border-bottom: 1px solid #ddd;
|
||
|
|
background-color: rgb(255, 255, 255,0.5);
|
||
|
|
}
|
||
|
|
.c-content view{
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
.c-content1{
|
||
|
|
max-width: 120rpx;
|
||
|
|
max-height: 160rpx;
|
||
|
|
text-align: center;
|
||
|
|
float: left;
|
||
|
|
margin:5rpx 18rpx;
|
||
|
|
|
||
|
|
}
|
||
|
|
.c-content2{
|
||
|
|
max-width: 550rpx;
|
||
|
|
}
|
||
|
|
.c-name{
|
||
|
|
|
||
|
|
font-size: 25rpx;
|
||
|
|
font-weight: 700;
|
||
|
|
}
|
||
|
|
.c-mess{
|
||
|
|
font-size: 25rpx;
|
||
|
|
word-break: break-all;
|
||
|
|
}
|
||
|
|
.c-time{
|
||
|
|
font-size: 15rpx;
|
||
|
|
color: #8c8c8c;
|
||
|
|
}
|
||
|
|
|
||
|
|
.input{
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-around;
|
||
|
|
align-items: center;
|
||
|
|
bottom: 0;
|
||
|
|
position: fixed;
|
||
|
|
height: 100rpx;
|
||
|
|
width: 100%;
|
||
|
|
background-color: #fff;
|
||
|
|
}
|
||
|
|
.input1{
|
||
|
|
width: 500rpx;
|
||
|
|
height: 70rpx;
|
||
|
|
line-height: 70rpx;
|
||
|
|
border-radius: 20rpx;
|
||
|
|
border: 1px solid #ddd;
|
||
|
|
}
|
||
|
|
.input2{
|
||
|
|
padding: 0;
|
||
|
|
margin: 0!important;
|
||
|
|
width: 130rpx!important;
|
||
|
|
height: 70rpx!important;
|
||
|
|
line-height: 70rpx;
|
||
|
|
text-align: center;
|
||
|
|
border-radius: 20rpx;
|
||
|
|
color: #fff;
|
||
|
|
background-color: #169BD5;
|
||
|
|
}
|