123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136 |
- page{
- background-color: #F4F4F4;
- }
- .print-btn {
- width: 60;
- height: 60;
- }
- .owelist{
- margin: 31rpx 40rpx;
- padding-bottom: 40rpx;
- .owelist-item{
- background-color: #fff;
- padding: 25rpx 31rpx;
- border-radius: 10rpx;
- margin-bottom: 19rpx;
- .item-header{
- margin-bottom: 11rpx;
- .vehicle-no{
- font-size: 40rpx;
- font-weight: 500;
- color: #3D3D3D;
- line-height: 56rpx;
- }
- .space-name{
- font-size: 34rpx;
- font-weight: 500;
- color: #8F8F8F;
- line-height: 48rpx;
- }
- }
- .road-name{
- font-size: 26rpx;
- font-weight: 400;
- color: #A2A2A2;
- line-height: 37rpx;
- padding-bottom: 20rpx;
- border-bottom: 1px solid #D5D5D5;
- margin-bottom: 21rpx;
- }
- .info-item{
- font-size: 30rpx;
- color: #63717F;
- line-height: 42rpx;
- margin-bottom: 13rpx;
- .amount{
- font-weight: 500;
- color: #FA6400;
- }
- }
- }
- }
- .button-wrap{
- height: 120rpx;
- .button{
- position: fixed;
- left: 20rpx;
- bottom: 40rpx;
- right: 20rpx;
- z-index: 999;
- }
- }
- .pay-tips {
- width: calc(100% - 34rpx);
- margin: 23rpx auto;
- border-top: solid 1px #979797;
- padding: 38rpx 0;
- color: #5F5F5F;
- text {
- color: #3397FA;
- padding: 0 10rpx;
- }
- }
- .pay-way {
- display: flex;
- justify-content: space-between;
- width: calc(100% - 34rpx);
- border-top: solid 1px #979797;
- margin: 23rpx auto;
- padding: 38rpx 26rpx;
- .pay-way-item {
- text-align: center;
- font-size: 30rpx;
- color: #5F5F5F;
- image {
- width: 143rpx;
- height: 143rpx;
- }
- }
- }
- .pay-way-close-btn {
- width: calc(100% - 34rpx);
- margin: 0 auto 68rpx;
- border: none;
- background-color: #3397FA;
- color: #fff;
- border-radius: 10rpx;
- }
- .qrcode-popup{
- text-align: center;
- .qrcode-popup-btn{
- margin-top: 42rpx;
- height: 85rpx;
- line-height: 85rpx;
- background: #3397FA;
- box-shadow: 0px 9rpx 9rpx 0px rgba(0, 0, 0, 0.03);
- text-align: center;
- border-radius: 10rpx;
- font-size: 30rpx;
- font-weight: 500;
- color: #FFFFFF;
- }
- }
- .popup-btn1{
- padding: 68rpx 0rpx 0px 40rpx;
- }
- .popup-btn2{
- padding: 68rpx 0rpx 0px 250rpx;
- }
- .popup{
- /deep/ .uni-scroll-view-content{
- padding: 39rpx 34rpx 77rpx;
- box-sizing: border-box;
- }
- .popup-title{
- font-size: 46rpx;
- color: #404040;
- line-height: 65rpx;
- text-align: center;
- border-bottom: 1px solid #D5D5D5;
- padding-bottom: 23rpx;
- margin-bottom: 33rpx;
- }
- }
- .change{
- margin-left: 30rpx;
- }
|