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.
160 lines
2.9 KiB
160 lines
2.9 KiB
1 year ago
|
page {
|
||
|
|
width: 100%;
|
||
|
|
overflow-y: auto;
|
||
|
|
background-color: #f7f7f7;
|
||
|
|
}
|
||
|
|
.search{
|
||
|
|
height: 110rpx;
|
||
|
|
width: 100%;
|
||
|
|
padding:0 22rpx;
|
||
|
|
box-sizing: border-box;
|
||
|
|
background-color: #fff;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: space-between;
|
||
|
|
padding-top: 20rpx;
|
||
|
|
box-sizing: border-box;
|
||
|
|
|
||
|
|
}
|
||
|
|
.btn {
|
||
|
|
width: 120rpx;
|
||
|
|
height: 66rpx;
|
||
|
|
line-height: 66rpx;
|
||
|
|
background: #3A80E7;
|
||
|
|
border-radius: 33rpx;
|
||
|
|
color: #fff;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.btn1 {
|
||
|
|
width: 120rpx;
|
||
|
|
height:50rpx;
|
||
|
|
background: #3A80E7;
|
||
|
|
border-radius: 33rpx;
|
||
|
|
color: #fff;
|
||
|
|
text-align: center;
|
||
|
|
line-height: 50rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.section_5 {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
overflow: hidden;
|
||
|
|
padding: 20rpx;
|
||
|
|
}
|
||
|
|
.list_1 {
|
||
|
|
width: 700rpx;
|
||
|
|
/* height: 603rpx; */
|
||
|
|
/* display: flex; */
|
||
|
|
/* flex-direction: column; */
|
||
|
|
/* justify-content: space-between; */
|
||
|
|
display: flex;
|
||
|
|
/* width: 100%; */
|
||
|
|
margin-bottom: 20rpx;
|
||
|
|
}
|
||
|
|
.section_1-0 {
|
||
|
|
background-color: rgba(255,255,255,1.000000);
|
||
|
|
border-radius: 20rpx;
|
||
|
|
width: 710rpx;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
padding:0rpx 30rpx 0 30rpx;
|
||
|
|
}
|
||
|
|
.workorder{
|
||
|
|
font-family: PingFang SC;
|
||
|
|
font-weight: 500;
|
||
|
|
font-size: 30rpx;
|
||
|
|
color: #999999;
|
||
|
|
}
|
||
|
|
.status-red{
|
||
|
|
font-family: PingFang SC;
|
||
|
|
font-weight: 500;
|
||
|
|
font-size: 26rpx;
|
||
|
|
color: #FF3C3C;
|
||
|
|
}
|
||
|
|
.status-blue{
|
||
|
|
font-family: PingFang SC;
|
||
|
|
font-weight: 500;
|
||
|
|
font-size: 26rpx;
|
||
|
|
color: #04B8AD;
|
||
|
|
}
|
||
|
|
.status-cycn{
|
||
|
|
font-family: PingFang SC;
|
||
|
|
font-weight: 500;
|
||
|
|
font-size: 26rpx;
|
||
|
|
color: #3974F6;
|
||
|
|
}
|
||
|
|
|
||
|
|
.status-orange{
|
||
|
|
font-family: PingFang SC;
|
||
|
|
font-weight: 500;
|
||
|
|
font-size: 26rpx;
|
||
|
|
color: #FF850D;
|
||
|
|
}
|
||
|
|
.status-grey{
|
||
|
|
font-family: PingFang SC;
|
||
|
|
font-weight: 500;
|
||
|
|
font-size: 26rpx;
|
||
|
|
color: #999999;
|
||
|
|
}
|
||
|
|
.custom-search{
|
||
|
|
width: 20rpx;
|
||
|
|
}
|
||
|
|
.input{
|
||
|
|
padding: 0 20rpx;
|
||
|
|
width: 120rpx;
|
||
|
|
height: 57rpx;
|
||
|
|
background: rgba(193,193,193,0.16);
|
||
|
|
border-radius: 28rpx;
|
||
|
|
border: 1px solid #DBDBDB;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
.flex-x{
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-between;
|
||
|
|
align-items: center;
|
||
|
|
flex-direction: row;
|
||
|
|
padding:15rpx 0 15rpx 0;
|
||
|
|
}
|
||
|
|
.flex-x1{
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-between;
|
||
|
|
align-items: center;
|
||
|
|
flex-direction: row;
|
||
|
|
padding:0 0 15rpx 0;
|
||
|
|
}
|
||
|
|
.context{
|
||
|
|
display: -webkit-box;
|
||
|
|
-webkit-box-orient: vertical;
|
||
|
|
-webkit-line-clamp: 2;
|
||
|
|
overflow: hidden;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
font-family: PingFang SC;
|
||
|
|
font-weight: 500;
|
||
|
|
font-size: 32rpx;
|
||
|
|
color: #333333;
|
||
|
|
}
|
||
|
|
.phonenName{
|
||
|
|
font-family: PingFang SC;
|
||
|
|
font-weight: 500;
|
||
|
|
font-size: 28rpx;
|
||
|
|
color: #666666;
|
||
|
|
line-height: 40rpx;
|
||
|
|
}
|
||
|
|
.filter{
|
||
|
|
padding: 0 20rpx;
|
||
|
|
width: 120rpx;
|
||
|
|
height: 57rpx;
|
||
|
|
background: rgba(193,193,193,0.16);
|
||
|
|
border-radius: 28rpx;
|
||
|
|
border: 1px solid #DBDBDB;
|
||
|
|
align-items: center;
|
||
|
|
line-height: 57rpx;
|
||
|
|
}
|
||
|
|
.picker-bottom {
|
||
|
|
position: fixed; /* 固定在页面底部 */
|
||
|
|
bottom: 0;
|
||
|
|
left: 0;
|
||
|
|
right: 0;
|
||
|
|
z-index: 1000; /* 确保在最上层显示 */
|
||
|
|
}
|