|
- /**passCar.wxss**/
- page{
- background-color: #f8f8f8;
- }
- .headBox{
- margin-top: 13rpx;
- width: 750rpx;
- height: 210rpx;
- box-sizing: border-box;
- padding: 30rpx 40rpx;
- display: flex;
- background-color: white
- }
- .headBox image{
- width: 150rpx;
- height: 150rpx;
- margin:10rpx 30rpx 0 0;
- border-radius:16rpx;
- }
- .numberBox{
- width: 400rpx;
- height: 150rpx
- }
- .titleName{
- line-height: 60rpx;
- height:60rpx;
- color: #666;
- font-size: 32rpx;
- width: 400rpx;
- word-break:break-all;
- text-align: justify;
- margin-bottom: 10rpx;
- }
- ::-webkit-scrollbar{
- width: 0;
- height: 0;
- color: transparent;
- }
- .carLocation,.locationNumber{
- width: 400rpx;
- height: 40rpx;
- color: #666;
- font-size: 24rpx;
- line-height: 30rpx;
- }
- .price{
- font-size: 28rpx;
- }
- .borderBox{
- width: 750rpx;
- margin-top: 26rpx;
-
- }
- .borderUp{
- padding: 50rpx;
- width: 650rpx;
- height: 50rpx;
- line-height: 50rpx;
- font-size: 36rpx;
- color: #333;
- border-bottom: 1rpx #f8f8f8 solid;
- background-color: white;
-
- }
- .carNumber{
- padding: 50rpx;
- height: 50rpx;
- line-height: 50rpx;
- font-size: 28rpx;
- color: #cbcbcb;
- background-color: white;
- }
- .addBox{
- width: 750rpx;
- height: 220rpx;
- position: relative;
- background-color: white;
- }
- .add{
- position: absolute;
- left: 50%;
- top: 50%;
- transform: translate(-50%,-50%);
- font-size: 34rpx;
- color: #666;
- border:2px dashed #eee;
- padding: 30rpx 50rpx;
- border-radius:16rpx;
- }
- .add text{
- font-size: 40rpx;
- }
- .bottonBox{
- width: 750rpx;
- margin-top: 26rpx;
- }
- .textStyle{
- background-color: white;
- height: 90rpx;
- line-height: 90rpx;
- padding-left: 130rpx;
- color: #333;
- font-size: 28rpx;
- letter-spacing: 1rpx;
- border-bottom: 1rpx #f8f8f8 solid;
- position: relative;
- }
- .textStyle image{
- width: 50rpx;
- height: 50rpx;
- top: 20rpx;
- left: 50rpx;
- position: absolute;
-
- }
- .passNumberBox{
- width: 750rpx;
- position: relative;
- background-color: white;
- border-bottom: 1rpx #f8f8f8 solid ;
- }
- .passNumber{
- width: 400rpx;
- height: 150rpx;
-
- font-size: 32rpx;
- font-weight: 600;
- line-height: 150rpx;
- left: 55rpx;
- position: absolute;
- }
- .nopay{
- height: 80rpx;
- line-height: 80rpx;
- font-weight: 400;
- }
- .number{
- font-size: 32rpx;
- }
- .parkPrice{
- font-size: 30rpx;
- font-weight: 500;
- }
- .deleteButton{
- font-size: 28rpx;
- line-height: 50rpx;
- height: 50rpx;
- top: 50%;
- right: 30rpx;
- position: absolute;
- transform: translate(0,-50%);
- }
- .detail{
- width: 32rpx;
- height: 32rpx;
- right: 34rpx;
- top: 32rpx;
- position: absolute;
- }
- .detail image{
- width: 32rpx;
- height: 32rpx;
- position: absolute;
- left: 0;
- top: 0;
- }
- .voucher{
- width: 90%;
- padding: 0 5%;
- background-color: rgb(255, 178, 50);
- /* background-color: #cbcbcb; */
- height: 80rpx;
- position: relative;
- margin: 24rpx 0;
- border-bottom: 2rpx #fff solid;
- display: flex;
- justify-content: space-between;
-
- }
- .textV1,.textV2{
- height: 58rpx;
- width: 225rpx;
- padding-top: 22rpx;
- text-align: center;
- line-height: 80rxp;
- font-size: 28rpx;
- color: #fff;
- }
- .textV2{
- margin-top: -1rpx;
- padding: 0;
- /* background-color: rgb(0, 192, 255); */
- border-radius: 10rpx;
- width: 221rpx;
- height: 80rpx;
- line-height: 80rpx;
- font-size: 36rpx;
- border: 4rpx #fff solid;
- margin-bottom: 22rpx;
- }
- /* .textV1{
- position: absolute;
- left: 10rpx;
- top: 22rpx;
- } */
- /* .textV2{
- position: absolute;
- top: 22rpx;
- right: 80rpx;
- } */
- .choice{
- width: 80rpx;
- height: 80rpx;
- position: relative;
- }
- .choice image{
- position: absolute;
- left: 50%;
- top: 50%;
- transform: translate(-50%,-50%);
- width: 30rpx;
- height: 30rpx;
- }
- .buy-view {
- background: #fff;
- position: relative;
- padding-top: 10rpx;
- height:98rpx;
- bottom: 0rpx;
- margin-top: 50rpx;
- /* left: 0;
- right: 0; */
- }
- .buy {
- background: #00c0ff;
- height: 88rpx;
- width: 98%;
- margin: 30rpx auto;
- color: #fff;
- font-size: 36rpx;
- line-height: 88rpx;
- border-radius: 6rpx;
- }
- .borderBox{
- width: 750rpx;
- margin-top: 26rpx;
-
- }
- .orderBox {
- width: 100%;
- height: 100rpx;
- border-top: 1rpx #f8f8f8 solid;
- position: relative;
- display: flex;
- }
-
- .passUp {
- width: 100%;
- height: 150rpx;
- position: relative;
- }
- .priceBox{
- width: 500rpx;
- }
- .priceBox text{
- margin-top: 35rpx;
- color: #333;
- font-size: 24rpx;
- margin-left: 50rpx;
- display: block;
- }
- .payBox{
- width: 250rpxpx;
- }
- .payBox button{
- width: 230rpx;
- border:0;
- font-size: 32rpx;
- margin-top: 13rpx;
- margin-right: 20rpx;
- background-color: lightgreen;
- color: white;
- }
- input{
- outline:none;
- border:none;
- list-style: none;
- }
- button::after{
- border:none;
- }
|