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.
 
 
 
 

238 lines
3.6 KiB

/* pages/user/resourcesOrder/index.wxss */
image{
border-radius: 8rpx;
}
.order-page{
width: 100%;
min-height: 100vh;
background: #EEEEEE;
}
.tabs-box{
width: 100%;
padding: 18rpx 72rpx;
background: #fff;
}
.tab{
text-align: center;
font-size: 28rpx;
color: #707070;
position: relative;
}
.tab::after{
display: block;
content: '';
width: 100%;
height: 8rpx;
border-radius: 8rpx;
background: #000;
position: absolute;
bottom: -22rpx;
left: 50%;
opacity: 0;
transform: translateX(-50%) scaleX(0);
transition: all .2s cubic-bezier(.18,.89,.17,.88),opacity .15s ease;
}
.tab-a::after{
opacity: 1;
left: 0;
transform: translateX(0%) scaleX(1);
}
.list{
width: 100%;
padding: 32rpx 40rpx;
}
.no-order{
text-align: center;
line-height: 50rpx;
font-size: 28rpx;
color: #666666;
}
.item{
width: 100%;
padding: 20rpx 20rpx 32rpx;
background: #fff;
border-radius: 12rpx;
margin-bottom: 20rpx;
}
.number{
margin-bottom: 24rpx;
color: #666666;
font-size: 28rpx;
}
.status{
font-weight: 500;
font-size: 28rpx;
color: #FF5100;
}
.info-box image{
width: 154rpx;
height: 154rpx;
border-radius: 8rpx;
margin-right: 12rpx;
}
.info{
width: 450rpx;
font-size: 28rpx;
}
.i-title{
font-weight: 500;
line-height: 40rpx;
color: #1D1D1D;
}
.i-desc{
font-size: 24rpx;
font-weight: 400;
line-height: 34rpx;
color: #666666;
}
.projectinfo-box{
font-size: 24rpx;
color: #1D1D1D;
}
.p-label{
color: #666666;
}
.time{
color: #A7A7A7;
font-size: 24rpx;
}
.colO{
font-size: 28rpx;
margin: 24rpx 0 4rpx;
color: #FF5100;
}
.tag-item{
width: 114rpx;
height: 36rpx;
line-height: 34rpx;
text-align: center;
color: #FF5100;
border: 1rpx solid #FF5100;
background: #fff;
border-radius: 4rpx;
font-size: 24rpx;
margin: 5rpx 0;
}
.open-btn{
color: #FF5100;
font-weight: 500;
font-size: 28rpx;
margin: 20rpx 0;
}
.arrow-down{
width: 25rpx;
height: 14rpx;
margin-left: 12rpx;
}
.arrow-up{
transform: rotate(180deg);
}
.concat-list{
height: 0rpx;
padding-bottom: 0rpx;
margin-bottom: 0rpx;
overflow:hidden;
transition: height 200ms ease;
}
.list-open{
height: 500rpx;
padding-bottom: 28rpx;
margin-bottom: 12rpx;
overflow-y: scroll;
transition: height 300ms ease;
}
.concat-item{
width: 100%;
height: 154rpx;
border-top: 2px solid #EEEEEE;
}
.logo{
width: 92rpx;
height: 92rpx;
}
.call{
width: 54rpx;
height: 54rpx;
}
.name-box{
width: 360rpx;
font-size: 28rpx;
}
.concat-status{
font-size: 24rpx;
display: inline-block;
margin-left: 2rpx;
color: #FF5100;
}
.name{
width: 100%;
font-weight: 500;
line-height: 40rpx;
color: #1D1D1D;
}
.company-name{
width: 78%;
}
.desc{
font-size: 20rpx;
color: #707070;
margin-top: 16rpx;
}
.create-btn{
width: auto;
height: 50rpx;
padding: 10rpx;
font-size: 24rpx;
background: #000;
border-radius: 12rpx;
text-align: center;
color: #fff;
}
.progress-box{
margin-top: 32rpx;
padding-top: 32rpx;
border-top: 1px solid #EEEEEE;
}
.progress-item{
width: 100%;
height: 54rpx;
background: #f8f8f8;
padding: 0rpx 20rpx;
font-size: 26rpx;
font-weight: 500;
margin-bottom: 16rpx;
}
.progress-item image{
width: 24rpx;
height: 24rpx;
margin-right: 8rpx;
}
.colorO{
color: #FF8350;
}
.btn-box{
margin-top: 20rpx;
color: #FF5100;
}
.btn-item{
font-size: 28rpx;
width: 162rpx;
height: 56rpx;
line-height: 56rpx;
text-align: center;
background: #000;
border-radius: 12rpx;
color: #fff;
margin-left: 16rpx;
}
.default{
background: linear-gradient(134deg, #BFBFBF 0%, #BFBFBF 100%);
}
.btn-box .start-time{
font-size: 22rpx;
color: #1D1D1D;
}