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.
51 lines
3.7 KiB
51 lines
3.7 KiB
/* mine/pages/settlement/settlement.wxss */
|
|
.top-box{ position: relative;}
|
|
.f-top-bg{ width: 750rpx; height: 180rpx;}
|
|
.top-text{position: absolute; width: 560rpx; height: 180rpx; top: 0; left: 160rpx; display: flex; justify-content: space-between; align-items: center; font-size: 30rpx; color: #FFF;}
|
|
.money{font-size: 48rpx;}
|
|
.money text{font-size: 36rpx;}
|
|
|
|
.time-box{ display: flex; justify-content: center; margin-bottom: 20rpx;}
|
|
.time-box text{color: #999999; font-size: 24rpx; border-radius: 50rpx; border: solid 1px #999999; padding: 20rpx; height: 25rpx; line-height: 25rpx;}
|
|
.f-list-box{padding: 20rpx; box-sizing: border-box; overflow-y: auto; height: calc(100vh - 360rpx);}
|
|
|
|
.list-row{background-color: #FFF; border-radius: 20rpx; margin-bottom: 20rpx;}
|
|
.list-row .f-head{color: #333333; font-size: 44rpx; height: 100rpx; line-height: 60rpx; padding: 20rpx; display: flex; justify-content: space-between;}
|
|
.list-row .list-con{border-top: dashed 2rpx #e9e9e9;}
|
|
.btn-box{ text-align: right; display: flex;}
|
|
.btn-box button{color: #ffffff; border-radius: 10rpx; background-color: #1e8679; width: inherit; font-weight: 500; font-size: 28rpx; padding: 8rpx 20rpx; margin: 0; margin-left: 10rpx; }
|
|
.list-con .title { min-width: 140rpx;}
|
|
|
|
/*备件详情*/
|
|
.list-row .head{ height: 100rpx; line-height: 100rpx; display: flex; justify-content: space-between; padding: 0 20rpx;}
|
|
.list-row .titleName{ display: flex; align-items: center; justify-content: flex-start; color: #333333; font-size: 32rpx; font-family: PingFang-SC-Bold;}
|
|
.list-row .titleName image{ margin-right: 10rpx; width: 40rpx; height: 40rpx;}
|
|
.plan{ display: flex; align-items: center; justify-content: flex-start; color: #007cc9; font-size: 30rpx;}
|
|
.plan image{ margin-left: 10rpx; width: 44rpx; height: 44rpx;}
|
|
.plan .up{transform: rotateZ(-180deg);}
|
|
.list-row .list-con{ padding: 20rpx 30rpx; font-size: 28rpx; line-height: 50rpx; border-top: solid 1px #e7e7e7; }
|
|
.list-con>view{display: flex; padding: 5rpx 0;}
|
|
.list-con .title{color: #666666; margin-right: 40rpx; min-width: 120rpx; text-align: right; display: inline-block;}
|
|
.list-con .value{color: #333;}
|
|
.list-con .value image{ width: 100rpx; height: 100rpx;}
|
|
|
|
/*抽屉弹窗*/
|
|
.drawer-box{position: fixed;top: 175rpx; left: 0;bottom: 0;right: 0; background: rgba(0, 0, 0, 0.6); z-index: 2000; display: flex; justify-content: flex-end;}
|
|
.drawer-content{background: #ffffff;width: 600rpx; box-sizing: border-box; display: flex;flex-direction: column; padding: 40rpx; height: calc(100vh - 175rpx);position: relative; font-size: 30rpx;}
|
|
.d-title{font-size: 34rpx; color: #1e8679; font-weight: 600; height: 50rpx;}
|
|
.drawer-content input{border-radius: 10rpx; border: solid 1px #cccccc; padding: 10rpx 20rpx; font-size: 28rpx;}
|
|
|
|
/*筛选*/
|
|
.filter-box{display: flex; align-items: center; font-size: 28rpx; padding: 0 20rpx; height: 50rpx; background-color: #ffffff; border-radius: 25rpx; color: #333333;}
|
|
.filter-box image{ width: 30rpx; height: 26rpx; margin-right: 10rpx;}
|
|
.radio-list{ margin-top: 20rpx;}
|
|
.radio-list label{ margin-right: 50rpx;}
|
|
.c-title{font-size: 30rpx; height: 60rpx; font-weight: 600; margin-top: 80rpx;}
|
|
.date-box{ position: relative;}
|
|
.date-box image{position: absolute; right: 10rpx; top: 10rpx; width: 50rpx; height: 50rpx;}
|
|
.filter-btn{ display: flex; width: 90%; position: absolute; bottom: 60rpx;}
|
|
.filter-btn>view{text-align: center; width: 230rpx; font-size: 30rpx; border: solid 1px #999999; margin: 0 10rpx; height: 80rpx; line-height: 78rpx; border-radius: 40rpx; flex: 1; color: #333333; box-sizing: border-box; }
|
|
.filter-btn>view.primary{background-color: #1e8679; border: solid 1px #1e8679; color: #FFF;}
|
|
.filter-btn>view.warning{background-color: #FFF; border: solid 1px #ff3333; color: #ff3333;}
|
|
|