xiaoe_mp_npm 0.5.42-test2 → 0.5.42-test4

package/miniprogram_dist/ConfirmOrder/components/ConfirmOrderContent/index.scss

@@ -0,0 +1,45 @@
+$deviceWidth: 750;
+@function vmin($rpx) {
+  @return #{$rpx * 100 / $deviceWidth}vmin;
+}
+
+@mixin confirm-order-content {
+    height: 100%;
+  
+    .confirm-main {
+      padding-bottom: vmin(150);
+      background: #f5f5f5;
+  
+      .coupon-integral-wrapper {
+        margin-bottom: vmin(16);
+      }
+    }
+}
+
+.confirm-order-content {
+    @include confirm-order-content;
+}
+// 竖屏pad
+@media screen and (min-width: 768px) and (orientation: portrait) {
+    $deviceWidth: 1536 !global;
+
+    .confirm-order-content {
+        @include confirm-order-content;
+    }
+}
+// PC 放大适配
+@media screen and (min-height: 630px) and (orientation: landscape) {
+  $deviceWidth: 1260 !global;
+
+  .confirm-order-content {
+    @include confirm-order-content;
+  }
+}
+// 横屏pad
+@media screen and (min-height: 768px) and (orientation: landscape) {
+    $deviceWidth: 1536 !global;
+
+    .confirm-order-content {
+        @include confirm-order-content;
+    }
+}

package/miniprogram_dist/ConfirmOrder/components/ConfirmOrderContent/index.wxss

@@ -6,5 +6,41 @@
   background: #f5f5f5;
 }
 .confirm-order-content .confirm-main .coupon-integral-wrapper {
-  margin-bottom: 2.13vmin;
+  margin-bottom: 2.13333vmin;
+}
+@media screen and (min-width: 768px) and (orientation: portrait) {
+  .confirm-order-content {
+    height: 100%;
+  }
+  .confirm-order-content .confirm-main {
+    padding-bottom: 9.76562vmin;
+    background: #f5f5f5;
+  }
+  .confirm-order-content .confirm-main .coupon-integral-wrapper {
+    margin-bottom: 1.04167vmin;
+  }
+}
+@media screen and (min-height: 630px) and (orientation: landscape) {
+  .confirm-order-content {
+    height: 100%;
+  }
+  .confirm-order-content .confirm-main {
+    padding-bottom: 11.90476vmin;
+    background: #f5f5f5;
+  }
+  .confirm-order-content .confirm-main .coupon-integral-wrapper {
+    margin-bottom: 1.26984vmin;
+  }
+}
+@media screen and (min-height: 768px) and (orientation: landscape) {
+  .confirm-order-content {
+    height: 100%;
+  }
+  .confirm-order-content .confirm-main {
+    padding-bottom: 9.76562vmin;
+    background: #f5f5f5;
+  }
+  .confirm-order-content .confirm-main .coupon-integral-wrapper {
+    margin-bottom: 1.04167vmin;
+  }
 }

package/miniprogram_dist/ConfirmOrder/components/GoodsInfo/index.scss

@@ -0,0 +1,223 @@
+$deviceWidth: 750;
+@function vmin($rpx) {
+  @return #{$rpx * 100 / $deviceWidth}vmin;
+}
+
+@mixin goods-info-wrapper {
+    margin-bottom: vmin(18);
+    background: #fff;
+    .font-12{
+      font-size: vmin(24);
+    }
+  
+    .goods-info {
+      padding: vmin(32);
+  
+      .shop-title {
+        display: flex;
+        align-items: center;
+  
+        .shop-img {
+          width: vmin(32);
+          height: vmin(32);
+          margin-right: vmin(16);
+        }
+  
+        .shop-name {
+          font-size: vmin(28);
+        }
+      }
+  
+      .goods-wrapper {
+        display: flex;
+        margin-top: vmin(32);
+  
+        .goods-thumbnail {
+          position: relative;
+          flex: 0 0 vmin(180);
+          height: vmin(180);
+          width: vmin(180);
+          border-radius: vmin(8);
+          border: vmin(2) solid #e5e5e5;
+          overflow: hidden;
+  
+          .goods-type {
+            position: absolute;
+            right: vmin(8);
+            bottom: vmin(8);
+            text-size-adjust: none;
+            color: #ffffff !important;
+            padding: vmin(6);
+            border-radius: vmin(4);
+            background: rgba(0, 0, 0, 0.25);
+            font-size: vmin(20);
+            backdrop-filter: blur(vmin(24));
+            font-weight: 500;
+          }
+  
+          .svip-tag {
+            position: absolute;
+            top: 0;
+            left: 0;
+            padding: vmin(2) vmin(8);
+            background: linear-gradient(315deg, #333333 0%, #525252 68%, #333333 100%);
+            border-radius: vmin(8) 0vmin vmin(8) 0vmin;
+          }
+  
+          .svip-tag-text {
+            font-size: vmin(20);
+            text-size-adjust: none;
+            color: #ffc266;
+            // background: linear-gradient(90deg, #ffe4ad 0%, #ffc266 100%);
+            // background-clip: text;
+            // -webkit-text-fill-color: transparent;
+          }
+        }
+  
+        .goods-detail {
+          flex: 1;
+          margin-left: vmin(24);
+          display: flex;
+          flex-direction: column;
+          justify-content: space-around;
+          padding: 0;
+  
+          .goods-title {
+            display: -webkit-box;
+            -webkit-box-orient: vertical;
+            -webkit-line-clamp: 2;
+            overflow: hidden;
+            word-break: break-all;
+  
+            .goods-tag {
+              margin-right: vmin(4);
+              white-space: nowrap;
+              color: #1472FF;
+              border: vmin(2) solid #1472FF;
+              padding: 0 vmin(8);
+              border-radius: vmin(4);
+              background-color: #fff;
+              top: -vmin(4);
+              position: relative;
+            }
+  
+            .goods-name {
+              font-size: vmin(28);
+            }
+          }
+  
+          .goods-specification {
+            margin-top: vmin(12);
+            height: vmin(36);
+            color: #999;
+            word-break: break-all;
+          }
+  
+          .goods-quantity {
+            display: flex;
+            justify-content: space-between;
+            align-items: flex-end;
+            margin-top: vmin(12);
+            width: 100%;
+            color: #999;
+  
+            .goods-pay-info {
+              flex-grow: 1;
+              display: flex;
+              flex-direction: column;
+            }
+  
+            .goods-limit {
+              margin-bottom: vmin(16);
+              display: flex;
+              font-size: vmin(24);
+  
+              .border-blue {
+                border: #1472FF .02rem solid;
+                color: rgba(20, 114, 255, 1);
+                padding: 0 vmin(8);
+                margin-right: vmin(8);
+                border-radius: vmin(4);
+              }
+  
+              .border-orange {
+                border: rgba(255, 120, 31, 1) vmin(2) solid;
+                color: rgba(255, 120, 31, 1);
+                padding: 0 vmin(8);
+                border-radius: vmin(4);
+              }
+            }
+  
+            .goods-price {
+              display: inline-block;
+              margin-right: vmin(8);
+              margin-bottom: 0;
+              font-size: vmin(32);
+            }
+  
+            .goods-tags {
+              display: inline-block;
+            }
+  
+            .goods-tag {
+              display: inline-block;
+              padding: vmin(2) vmin(12);
+              font-size: vmin(20);
+              border-radius: vmin(20);
+  
+              &+.goods-tag {
+                margin-left: vmin(8);
+              }
+  
+              &.marketing-tag {
+                color: #ff781f;
+                background: #fff3eb;
+              }
+  
+              &.send-friend {
+                color: #07c160;
+                border: vmin(2) solid rgba(7, 193, 96, 0.5);
+              }
+            }
+  
+            .goods-counter {
+              flex-shrink: 0;
+  
+              .goods-plus, .goods-minus {
+                background: none;
+              }
+            }
+          }
+        }
+      }
+    }
+}
+
+
+.goods-info-wrapper {
+    @include goods-info-wrapper;
+}
+// 竖屏pad
+@media screen and (min-width: 768px) and (orientation: portrait) {
+    $deviceWidth: 1536 !global;
+
+    .goods-info-wrapper {
+        @include goods-info-wrapper;
+    }
+}
+// PC 放大适配
+@media screen and (min-height: 630px) and (orientation: landscape) {
+  $deviceWidth: 1260 !global;
+
+  .goods-info-wrapper {
+    @include goods-info-wrapper;
+  }
+}
+// 横屏pad
+@media screen and (min-height: 768px) and (orientation: landscape) {
+    $deviceWidth: 1536 !global;
+
+    .goods-info-wrapper {
+        @include goods-info-wrapper;
+    }
+}