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.
116 lines
1.9 KiB
116 lines
1.9 KiB
/* pages/user/NeedsManage/index.wxss */ |
|
.manage-page{ |
|
width: 100%; |
|
min-height: 100vh; |
|
background: #EEEEEE; |
|
} |
|
.tabs-box{ |
|
width: 100%; |
|
padding: 18rpx 58rpx; |
|
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: #FF6D31; |
|
position: absolute; |
|
bottom: -22rpx; |
|
left: 50%; |
|
margin-left: -41rpx; |
|
opacity: 0; |
|
transform: scaleX(0); |
|
transition: all .2s cubic-bezier(.18,.89,.17,.88),opacity .15s ease; |
|
} |
|
.tab-a::after{ |
|
opacity: 1; |
|
transform: scaleX(1); |
|
} |
|
.list{ |
|
width: 100%; |
|
padding: 32rpx 40rpx; |
|
} |
|
.list-item{ |
|
width: 100%; |
|
padding: 20rpx 20rpx 32rpx; |
|
background: #fff; |
|
border-radius: 12rpx; |
|
margin-bottom: 20rpx; |
|
} |
|
|
|
.n-title{ |
|
font-size: 28rpx; |
|
color: #1D1D1D; |
|
font-weight: 500; |
|
margin-bottom: 18rpx; |
|
} |
|
.tag-item{ |
|
width: 114rpx; |
|
height: 36rpx; |
|
line-height: 34rpx; |
|
text-align: center; |
|
color: #FC9367; |
|
border: 1rpx solid #FC9367; |
|
background: #fff; |
|
border-radius: 4rpx; |
|
font-size: 24rpx; |
|
margin-right: 8rpx; |
|
} |
|
.colG{ |
|
color: #3A9EFA; |
|
border-color: #3A9EFA; |
|
} |
|
.top-r{ |
|
color: #FF5100; |
|
font-size: 20rpx; |
|
font-weight: 600; |
|
line-height: 40rpx; |
|
} |
|
.status{ |
|
font-size: 30rpx; |
|
} |
|
.fz28{ |
|
color:#707070; |
|
line-height: 40rpx; |
|
margin: 18rpx 0 10rpx; |
|
} |
|
.colR{ |
|
color: #FF5100; |
|
} |
|
.desc{ |
|
font-size: 24rpx; |
|
line-height: 34rpx; |
|
color: #333; |
|
} |
|
.time{ |
|
font-size: 24rpx; |
|
color: #707070; |
|
} |
|
.btn-box{ |
|
font-size: 30rpx; |
|
font-weight: 500; |
|
line-height: 40px; |
|
color: #FF5100; |
|
} |
|
.btn{ |
|
font-size: 28rpx; |
|
width: 150rpx; |
|
height: 56rpx; |
|
line-height: 56rpx; |
|
text-align: center; |
|
background: linear-gradient(134deg, #FFA782 0%, #FF6D31 100%); |
|
border-radius: 12rpx; |
|
color: #fff; |
|
margin-left: 16rpx; |
|
} |
|
.default{ |
|
background: linear-gradient(134deg, #BFBFBF 0%, #BFBFBF 100%); |
|
} |