121 lines
2.0 KiB
Plaintext
121 lines
2.0 KiB
Plaintext
/* pages/show/ads/ads.wxss */
|
|
.ads{
|
|
padding:60rpx 40rpx 50rpx;
|
|
/* position: relative; */
|
|
border-bottom: 10rpx solid #f3f4f5;
|
|
}
|
|
.ads.islist{
|
|
border-bottom: 1px solid #e8e8e8;
|
|
padding: 44rpx 30rpx 40rpx;
|
|
}
|
|
.has-pic{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.has-pic .img{
|
|
display: inline-flex;
|
|
width: 248rpx;
|
|
flex: 0 0 248rpx;
|
|
border-radius: 16rpx;
|
|
}
|
|
.has-pic .r{
|
|
flex: 1;
|
|
padding-left: 26rpx;
|
|
display: inline-flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
}
|
|
.title{
|
|
padding-right: 58rpx;
|
|
font-size: 28rpx;
|
|
color: #1c1c1c;
|
|
word-break: break-all;
|
|
line-height: 44rpx;
|
|
|
|
}
|
|
.has-pic .r .title{
|
|
text-overflow: -o-ellipsis-lastline;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 3;
|
|
line-clamp: 3;
|
|
-webkit-box-orient: vertical;
|
|
max-height: 132rpx;
|
|
}
|
|
.tips{
|
|
padding-right: 58rpx;
|
|
color: #999;
|
|
font-size: 0;
|
|
margin: 24rpx 0 0;
|
|
}
|
|
.tips .i{
|
|
font-size: 24rpx;
|
|
display: inline-block;
|
|
}
|
|
.tips .i:not(:last-child):after{
|
|
margin: 0 16rpx;
|
|
vertical-align: middle;
|
|
content: "";
|
|
display: inline-block;
|
|
width: 6rpx;
|
|
height: 6rpx;
|
|
border-radius: 50%;
|
|
background: #ccc;
|
|
}
|
|
.footer{
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
font-size: 28rpx;
|
|
margin-top: 24rpx;
|
|
}
|
|
.num{
|
|
/* font-size: 26rpx; */
|
|
color: #C63E3A;
|
|
display: inline-block;
|
|
/* margin: 0 6rpx; */
|
|
|
|
}
|
|
.btn{
|
|
display: inline-flex;
|
|
|
|
border:1px rgb(227, 227, 227) solid;
|
|
border-radius: 4rpx;
|
|
flex: 0 0 63rpx;
|
|
width: 63rpx;
|
|
height: 31rpx;
|
|
z-index: 5;
|
|
font-size: 22rpx;
|
|
color: #999;
|
|
align-items: center;
|
|
justify-content: center;
|
|
|
|
|
|
}
|
|
.close-btn{
|
|
position: absolute;
|
|
right: 15rpx;
|
|
top: 5rpx;
|
|
width:50rpx;
|
|
height: 50rpx;
|
|
z-index: 10;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.close-btn image{
|
|
width: 20rpx;
|
|
height: 20rpx;
|
|
}
|
|
.ischeck{
|
|
display: inline-block;
|
|
width: 36rpx;
|
|
height: 28rpx;
|
|
vertical-align: middle;
|
|
margin-right: 8rpx;
|
|
}
|
|
.over{
|
|
position: relative
|
|
} |