|
|
@@ -1115,7 +1115,7 @@
|
|
|
.order-scroll-view{margin-top: 10rpx;overflow-y: auto;height: calc(100vh - 380rpx - var(--status-bar-height));}
|
|
|
.order-list-item{
|
|
|
width: 94%;background-color: rgba(255, 255, 255, 0.6)!important;
|
|
|
- margin: 0 3% 10rpx;border-radius: 8rpx;
|
|
|
+ margin: 0 3% 12rpx;border-radius: 8rpx;
|
|
|
.order-item-head{
|
|
|
display: flex;justify-content: space-between;align-items: center;font-size: 24rpx;color: #333;
|
|
|
.order-name-box{
|
|
|
@@ -1129,41 +1129,49 @@
|
|
|
}
|
|
|
|
|
|
.order-content-box{
|
|
|
- display: flex;margin-top: 10rpx;border-bottom: 1px dashed #fff;
|
|
|
- box-sizing: border-box;padding-bottom: 32rpx;margin-bottom: 24rpx;
|
|
|
- icon{width: 212rpx;height: 202rpx;margin-right: 20rpx;@include ezy-no-repeat-cover;flex-shrink: 0;}
|
|
|
- .content-img1{background-image: url("@/static/images/pay/svip1.png");}
|
|
|
- .content-img2{background-image: url("@/static/images/pay/svip2.png");}
|
|
|
+ display: flex;margin-top: 10rpx;box-sizing: border-box;margin-bottom: 24rpx;
|
|
|
+ .content-img{width: 230rpx;height: 230rpx;margin-right: 20rpx;@include ezy-no-repeat-cover;flex-shrink: 0;}
|
|
|
.content-body-box{display: flex;flex-direction: column;}
|
|
|
- .content-name{
|
|
|
- font-size: 36rpx;color: #000;margin-bottom: 12rpx;@include single-line-ellipsis;max-width: 320rpx;
|
|
|
- }
|
|
|
- .content-text{font-size: 24rpx;color: #666;@include multi-line-ellipsis(3);line-height: 1.4;}
|
|
|
+ .content-name{font-size: 36rpx;color: #000;margin-bottom: 8rpx;@include single-line-ellipsis;max-width: 320rpx;}
|
|
|
+ .content-text{font-size: 24rpx;color: #666;@include multi-line-ellipsis(3);line-height: 1.5;}
|
|
|
.content-tag{
|
|
|
width: 160rpx;height: 40rpx;line-height: 40rpx;
|
|
|
font-size: 24rpx;color: #01c6fe;background-color: rgba(255, 255, 255, 0.6);
|
|
|
border-radius: 4rpx;text-align: center;
|
|
|
}
|
|
|
- .content-yuanjia{font-size: 42rpx;color: #ff0101;margin-top: auto;}
|
|
|
+ .content-yuanjia{font-size: 42rpx;color: #ff0101;margin-top: auto;margin-left:auto;}
|
|
|
+ .content-money-box{
|
|
|
+ display: flex;justify-content: space-between;align-items: center;margin-top: 8rpx;
|
|
|
+ .bottom-data{font-size: 24rpx;color: #999;}
|
|
|
+ .bottom-money{color: #333;}
|
|
|
+ .order-kcb-btn{
|
|
|
+ width: 180rpx;height: 56rpx;line-height: 56rpx;text-align: center;font-size: 24rpx;color: #fff;
|
|
|
+ @include ezy-no-repeat-cover;background-image: url("@/static/images/common/jf-bj.png");
|
|
|
+ icon{width: 18rpx;height: 18rpx;@include ezy-no-repeat-cover;margin-left: 4rpx;
|
|
|
+ background-image: url("@/static/images/common/jt-up-white-icon.svg");transform: scale(180deg);}
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.order-bottom-box{
|
|
|
- box-sizing: border-box;padding-bottom: 24rpx;
|
|
|
- .order-kcb-btn{
|
|
|
- width: 180rpx;height: 56rpx;line-height: 56rpx;text-align: center;font-size: 24rpx;color: #fff;
|
|
|
- @include ezy-no-repeat-cover;background-image: url("@/static/images/common/jf-bj.png");
|
|
|
- icon{width: 18rpx;height: 18rpx;@include ezy-no-repeat-cover;margin-left: 4rpx;
|
|
|
- background-image: url("@/static/images/common/jt-up-white-icon.svg");transform: scale(180deg);}
|
|
|
+ box-sizing: border-box;padding: 16rpx 0 10rpx;border-top: 1px dashed #fff;
|
|
|
+ display: flex;justify-content: space-between;
|
|
|
+ .pay-status-box{
|
|
|
+ width: 200rpx;display: flex;align-items: center;
|
|
|
+ padding:2rpx 0 2rpx 16rpx;color: #666;margin-left: 4rpx;
|
|
|
+ icon{width: 42rpx;height: 42rpx;@include ezy-no-repeat-cover;margin-right: 8rpx;}
|
|
|
+ .wx-icon{background-image: url("@/static/images/pay/svip-wx-icon.png");}
|
|
|
+ .zfb-icon{background-image: url("@/static/images/pay/svip-zfb-icon.png");}
|
|
|
+ .apple-icon{background-image: url("@/static/images/common/apple-icon.svg");}
|
|
|
}
|
|
|
- .bottom-money-box{
|
|
|
- display: flex;justify-content: space-between;align-items: center;
|
|
|
- .bottom-data{font-size: 24rpx;color: #999;}
|
|
|
- .bottom-money{color: #333;}
|
|
|
+ .pay-status-box::after{
|
|
|
+ content:'';width: 24rpx;height: 24rpx;margin-left: 4rpx;
|
|
|
+ @include ezy-no-repeat-cover;background-image: url("@/static/images/common/qiehuan-icon.svg");
|
|
|
}
|
|
|
- .bottom-btn{
|
|
|
- width: 167rpx;height: 52rpx;line-height: 52rpx;text-align: center;color: #FFF;font-size: 28rpx;margin-left: auto;
|
|
|
- @include ezy-no-repeat-cover;background-image: url("@/static/images/pay/order-btn-bj.png");margin-top: 24rpx;
|
|
|
-
|
|
|
+ .apple-status-box::after{display: none;}
|
|
|
+ .pay-btn{
|
|
|
+ width: 180rpx;height: 70rpx;font-size: 28rpx;line-height: 70rpx;text-align: center;color: #fff;
|
|
|
+ @include ezy-no-repeat-cover;background-image: url("@/static/images/mall/mall-btn.png");
|
|
|
}
|
|
|
}
|
|
|
}
|
tanxue