134 lines
2.3 KiB
Plaintext
134 lines
2.3 KiB
Plaintext
/* packageI/newMedia/components/myReleaseItem/myReleaseItem.wxss */
|
|
|
|
.item {
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 18rpx 16rpx;
|
|
background-color: #fff;
|
|
border-radius: 10rpx;
|
|
}
|
|
|
|
.item .time {
|
|
padding-bottom: 18rpx;
|
|
font-size: 20rpx;
|
|
color: #aeaeae;
|
|
}
|
|
|
|
.item .content {
|
|
display: flex;
|
|
}
|
|
|
|
.item .content .face {
|
|
width: 160rpx;
|
|
height: 160rpx;
|
|
border-radius: 10rpx;
|
|
}
|
|
|
|
.item .content .face image {
|
|
width: 160rpx;
|
|
height: 160rpx;
|
|
border-radius: 10rpx;
|
|
}
|
|
|
|
.item .content .left {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
padding-left: 20rpx;
|
|
}
|
|
|
|
.item .content .left .title {
|
|
font-size: 26rpx;
|
|
color: #1e1e1e;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2;
|
|
line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
}
|
|
|
|
.item .content .left .title .label {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
height: 37rpx;
|
|
padding: 0 15rpx;
|
|
margin-right: 15rpx;
|
|
font-size: 22rpx;
|
|
color: #fff;
|
|
border-radius: 4rpx;
|
|
}
|
|
|
|
.item .content .left .title .label.checkStatus0 {
|
|
background-color: #ff9d57;
|
|
}
|
|
|
|
.item .content .left .title .label.checkStatus1 {
|
|
background-color: #ee2e2b;
|
|
}
|
|
|
|
.item .content .left .title .label.checkStatus2 {
|
|
background-color: #a1a1a1;
|
|
}
|
|
|
|
.item .content .left .title .label.openStatus0 {
|
|
background-color: #a1a1a1;
|
|
}
|
|
|
|
.item .content .left .title .label.openStatus1 {
|
|
background-color: #ff9d57;
|
|
}
|
|
|
|
.item .content .left .tags .tag {
|
|
display: inline;
|
|
height: 34rpx;
|
|
line-height: 34rpx;
|
|
padding: 0 15rpx;
|
|
font-size: 20rpx;
|
|
color: #7c7c7c;
|
|
background-color: #eee;
|
|
border-radius: 6rpx;
|
|
}
|
|
|
|
.item .content .left .desc {
|
|
height: 32rpx;
|
|
font-size: 20rpx;
|
|
color: #ee2e2b;
|
|
}
|
|
|
|
.item .operation {
|
|
display: flex;
|
|
padding-top: 20rpx;
|
|
padding-left: 12rpx;
|
|
}
|
|
|
|
.item .operation .operation-item {
|
|
flex: 1;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 35rpx;
|
|
}
|
|
|
|
.item .operation .operation-item .iconfont {
|
|
color: #979797;
|
|
}
|
|
|
|
.item .operation .operation-item .num {
|
|
margin-left: 7rpx;
|
|
font-size: 20rpx;
|
|
color: #4f4f4f;
|
|
}
|
|
|
|
.item .operation .operation-item .iconfont.icon-massage_order {
|
|
font-size: 26rpx;
|
|
}
|
|
|
|
.item .operation .operation-item .iconfont.icon-fontclass-pinglun {
|
|
font-size: 38rpx;
|
|
}
|
|
|
|
.item .operation .operation-item .iconfont.icon-share {
|
|
font-size: 26rpx;
|
|
}
|