|
|
@@ -1534,3 +1534,92 @@
|
|
|
min-height: 1300rpx;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+
|
|
|
+// 商城
|
|
|
+.ezy-mall-page{
|
|
|
+ width: 100%;height: 100vh;background-color: #00c5fe;position: relative;
|
|
|
+ padding-top:var(--status-bar-height);display: flex;flex-direction: column;
|
|
|
+ @include ezy-no-repeat-cover(bottom);background-image: url("@/static/images/common/ezy-page-bj.png");
|
|
|
+ .uni-list{background-color: transparent!important;}
|
|
|
+ .uni-list--border-top,.uni-list--border-bottom{display: none;}
|
|
|
+ .uni-list-item__header{display: none;}
|
|
|
+ .uni-list-item__container{
|
|
|
+ flex-direction: column!important;position: relative;
|
|
|
+ padding:16rpx 20rpx !important;overflow: unset;}
|
|
|
+
|
|
|
+ .order-scroll-view{margin-top: 10rpx;overflow-y: auto;height: calc(100vh - 380rpx - var(--status-bar-height));}
|
|
|
+ .mall-list-item{
|
|
|
+ width: 94%;background-color: rgba(255, 255, 255, 0.6)!important;
|
|
|
+ margin: 0 3% 10rpx;border-radius: 8rpx;
|
|
|
+ .mall-content-box{
|
|
|
+ display: flex;margin-top: 10rpx;border-bottom: 1px dashed #fff;
|
|
|
+ box-sizing: border-box;padding-bottom:24rpx;margin-bottom: 24rpx;
|
|
|
+ .mall-image{width: 220rpx;height: 220rpx;margin-right: 16rpx;@include ezy-no-repeat-cover;}
|
|
|
+ .content-body-box{display: flex;flex-direction: column;justify-content: space-between;}
|
|
|
+ .content-name{
|
|
|
+ font-size: 36rpx;color: #000;margin-bottom: 12rpx;display: flex;align-items: center;
|
|
|
+ .name-text{@include single-line-ellipsis;max-width: 320rpx;margin-right: 10rpx;}
|
|
|
+ icon{width:70rpx;height:32rpx;@include ezy-no-repeat-cover;background-image: url("@/static/images/mall/new-icon.png");}
|
|
|
+ }
|
|
|
+ .content-text{font-size: 24rpx;color: #666;@include multi-line-ellipsis(2);line-height: 1.6;}
|
|
|
+ .content-row{
|
|
|
+ display: flex;justify-content: space-between;align-items: center;margin-top: 10rpx;
|
|
|
+ .content-yuanjia{font-size: 36rpx;color: #ff0101;text-decoration: line-through;}
|
|
|
+ .shop-car-box{
|
|
|
+ width: 70rpx;height: 70rpx;position: relative;
|
|
|
+ @include ezy-no-repeat-cover;background-image: url("@/static/images/mall/shop-car-icon.png");
|
|
|
+ }
|
|
|
+ .car-change{
|
|
|
+ width: 32rpx;height: 30rpx;position: absolute;right: -4rpx;top: -8rpx;
|
|
|
+ @include ezy-no-repeat-cover;background-image: url("@/static/images/mall/change-icon.png");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .mall-bottom-row{
|
|
|
+ display: flex;justify-content: space-between;align-items: center;
|
|
|
+ box-sizing: border-box;padding-bottom: 16rpx;
|
|
|
+ .kcb-btn{
|
|
|
+ width: 148rpx;height: 48rpx;line-height: 48rpx;text-align: center;font-size: 22rpx;color: #fff;
|
|
|
+ @include ezy-no-repeat-cover;background-image: url("@/static/images/common/jf-bj.png");
|
|
|
+ }
|
|
|
+ .hdj-text{font-size: 32rpx;color: #333;}
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .mall-pay-box{
|
|
|
+ width: 100%;background-color: #fff;position: absolute;bottom: 0;
|
|
|
+ display: flex;align-items: center;justify-content: space-between;
|
|
|
+ box-sizing: border-box;padding: 32rpx 12rpx calc(32rpx + var(--window-bottom));
|
|
|
+ .mall-left-box{
|
|
|
+ font-size: 22rpx;color: #afafaf;
|
|
|
+ .price-icon-box{margin-bottom: 6rpx;}
|
|
|
+ .red-price{font-size: 56rpx;color:#ff0101;font-weight: bold;margin-right: 10rpx;}
|
|
|
+ .fh-text{font-size: 32rpx;margin-right: 0;}
|
|
|
+ .mx-jt-icon{
|
|
|
+ width: 18rpx;height: 18rpx;@include ezy-no-repeat-cover;margin-left: 4rpx;
|
|
|
+ background-image: url("@/static/images/common/jt-up-icon.svg");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .pay-status-box{
|
|
|
+ width: 200rpx;display: flex;align-items: center;border-left: 1rpx solid #ccc;
|
|
|
+ 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");}
|
|
|
+ }
|
|
|
+ .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");
|
|
|
+ }
|
|
|
+ .pay-btn{
|
|
|
+ width: 200rpx;height: 80rpx;font-size: 32rpx;line-height: 85rpx;text-align: center;color: #fff;
|
|
|
+ @include ezy-no-repeat-cover;background-image: url("@/static/images/mall/mall-btn.png");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .mall-pay-box::before{content:'';width: 100%;height: 4rpx;background-color: rgba(0, 0, 0, 0.4);
|
|
|
+ position: absolute;left: 0;top: -4rpx;opacity: 0.4;}
|
|
|
+
|
|
|
+
|
|
|
+}
|
tanxue
