.self-patrol-promise {
|
color: white;
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
font-size: 12px;
|
padding: 8rpx 8rpx;
|
background-color: #c44e00;
|
}
|
.promise_btn {
|
font-weight: 600;
|
white-space: nowrap;
|
}
|
.promise-text {
|
/* white-space: nowrap;
|
overflow: hidden;
|
text-overflow: ellipsis; */
|
position: relative;
|
display: -webkit-box;
|
-webkit-line-clamp: 1;
|
-webkit-box-orient: vertical;
|
overflow-x: hidden;
|
text-overflow: ellipsis;
|
width: 80%;
|
height: 20px;
|
line-height: 20px;
|
}
|
.promise-text::after {
|
content: "签署自巡查承诺，可将自巡查有效期延长为当年有效！";
|
position: absolute;
|
top: 0;
|
left: 0%;
|
white-space: nowrap;
|
animation: scrollText 10s linear 0s infinite normal;
|
}
|
|
@keyframes scrollText {
|
0% {
|
transform: translateX(100%); /* 开始位置 */
|
}
|
100% {
|
transform: translateX(-100%); /* 结束位置，根据需要调整 */
|
}
|
}
|
|
.self-patrol-promise-done {
|
color: white;
|
display: flex;
|
justify-content: flex-start;
|
align-items: center;
|
font-size: 12px;
|
padding: 8rpx 8rpx;
|
background-color: #51be82;
|
}
|
.promise-done-text {
|
/* white-space: nowrap;
|
overflow: hidden;
|
text-overflow: ellipsis; */
|
position: relative;
|
display: -webkit-box;
|
-webkit-line-clamp: 1;
|
-webkit-box-orient: vertical;
|
overflow-x: hidden;
|
text-overflow: ellipsis;
|
width: 100%;
|
height: 20px;
|
line-height: 20px;
|
}
|
|
.self-patrol-static {
|
margin: 16rpx 32rpx;
|
padding: 4rpx;
|
background-color: white;
|
border-radius: 8px;
|
}
|
|
.self-patrol-progress {
|
color: red;
|
}
|
|
.head_row{
|
display: flex;
|
/* padding: 0 30px; */
|
margin-top: 24rpx;
|
justify-content: space-between;
|
align-items: baseline;
|
}
|
|
.head_row_item{
|
text-align: center;
|
/* width: 20vw; */
|
flex: 1;
|
/* background-color: red; */
|
}
|
|
.head_row_item_tag{
|
font-size: 12px;
|
font-weight: 559;
|
}
|
|
.head_right {
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
font-size: 12px;
|
/* background-color: brown; */
|
margin-bottom: 8px;
|
/* vertical-align: middle; */
|
}
|
|
.head_tag{
|
font-size: 12px;
|
color: var(--fyui-text-color_2);
|
}
|
|
.head_btn{
|
background-color: var(--fyui-primary-color);
|
padding: 4px 6px;
|
border-radius: 4px;
|
color: white;
|
white-space: nowrap;
|
}
|
|
.head_btn:active{
|
background-color: var(--fyui-primary-color-2);
|
}
|
|
.head_tag>text {
|
font-size: 40px;
|
font-weight: 600;
|
}
|
|
.head_1 {
|
font-size: 40rpx;
|
}
|
|
.grid-item {
|
font-size: 24rpx;
|
}
|
