@import '/static/iconfont/fonts.wxss';
|
|
.box {
|
display: flex;
|
flex-direction: column;
|
width: 100%;
|
height: 100%;
|
}
|
|
.navBarBox .navBar {
|
background-color:#fff;
|
height: 100rpx;
|
position: relative;
|
}
|
.navBarBox .navBar text{
|
position: absolute;
|
height: 100%;
|
line-height: 100rpx;
|
left: 20rpx;
|
z-index: 555;
|
}
|
.barText {
|
width: 100%;
|
height: 100%;
|
line-height: 100rpx;
|
text-align: center;
|
font-size: 16px;
|
font-weight: 600;
|
}
|
|
.statusBar {
|
background-color: lightgrey;
|
}
|
|
.m-p-15 {
|
width: 100%;
|
}
|
|
.card-list {
|
width: 100%;
|
height: calc(100vh - 85px);
|
margin: 20px 0 15px;
|
}
|
|
.paper-card {
|
width: calc(100% - 30px);
|
margin: 0 auto;
|
display: flex;
|
justify-content: space-between;
|
}
|
|
.paper-card-l {
|
width: 5%;
|
position: relative;
|
}
|
|
.dot {
|
width: 32rpx;
|
height: 32rpx;
|
border-radius: 50%;
|
background: #5fb734;
|
position: absolute;
|
left: 50%;
|
top: 28rpx;
|
transform: translateX(-16rpx);
|
z-index: 9;
|
box-shadow: 0 3px 8px rgba(95,183,52,.4);
|
border: 1px solid #fff;
|
}
|
|
.line {
|
position: absolute;
|
left: 50%;
|
top: 0;
|
width: 1px;
|
height: 100%;
|
border-left: 1px dashed #ccc;
|
}
|
|
.paper-card:first-of-type .paper-card-l .line {
|
position: absolute;
|
left: 50%;
|
top: 44rpx;
|
width: 1px;
|
height: calc(100% - 44rpx);
|
border-left: 1px dashed #ccc;
|
}
|
|
.paper-card:last-of-type .paper-card-l .line {
|
position: absolute;
|
left: 50%;
|
top: 0;
|
width: 1px;
|
height: 56rpx;
|
border-left: 1px dashed #ccc;
|
}
|
|
.paper-card-box {
|
width: calc(95% - 15px);
|
padding-bottom: 15px;
|
}
|
|
.paper-card-r {
|
width: 100%;
|
background: #fff;
|
border-radius: 20px;
|
padding: 15px;
|
box-sizing: border-box;
|
box-shadow: 0 3px 8px rgba(150,150,150,.1);
|
}
|
|
.paper-card-t {
|
font-size: 32rpx;
|
font-family: "PingFang SC";
|
font-weight: 800;
|
display: flex;
|
align-items: center;
|
}
|
|
.paper-card-c {
|
font-size: 28rpx;
|
margin: 10rpx 0;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
display: -webkit-box;
|
-webkit-line-clamp: 2;
|
-webkit-box-orient: vertical;
|
}
|
|
.green {
|
margin-bottom: 5px;
|
color: #5fb734;
|
}
|
|
.red {
|
margin-bottom: 5px;
|
color: #ed6464;
|
}
|