xiaoe_mp_npm 0.5.42-test2 → 0.5.42-test21

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

@@ -0,0 +1,41 @@
+$deviceWidth: 750;
+@function vmin($rpx) {
+  @return #{$rpx * 100 / $deviceWidth}vmin;
+}
+
+@mixin price-wrapper {
+    padding: 0 vmin(30);
+    background: #fff;
+    font-size: vmin(28);
+  
+    .price-item {
+      padding: vmin(28) 0;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+    }
+  
+    .price-item:not(:last-child) {
+      border-bottom: vmin(1) solid rgba(240, 240, 240, 0.6);
+    }
+}
+
+.price-wrapper {
+    @include price-wrapper;
+}
+// 竖屏pad
+@media screen and (min-width: 768px) and (orientation: portrait) {
+    $deviceWidth: 1536 !global;
+
+    .price-wrapper {
+        @include price-wrapper;
+    }
+}
+// 横屏pad
+@media screen and (min-height: 768px) and (orientation: landscape) {
+    $deviceWidth: 1536 !global;
+
+    .price-wrapper {
+        @include price-wrapper;
+    }
+}

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

@@ -1,14 +1,46 @@
 .price-wrapper {
   padding: 0 4vmin;
   background: #fff;
-  font-size: 3.73vmin;
+  font-size: 3.73333vmin;
 }
 .price-wrapper .price-item {
-  padding: 3.73vmin 0;
+  padding: 3.73333vmin 0;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
 .price-wrapper .price-item:not(:last-child) {
-  border-bottom: 0.13vmin solid rgba(240, 240, 240, 0.6);
+  border-bottom: 0.13333vmin solid rgba(240, 240, 240, 0.6);
+}
+@media screen and (min-width: 768px) and (orientation: portrait) {
+  .price-wrapper {
+    padding: 0 1.95312vmin;
+    background: #fff;
+    font-size: 1.82292vmin;
+  }
+  .price-wrapper .price-item {
+    padding: 1.82292vmin 0;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+  .price-wrapper .price-item:not(:last-child) {
+    border-bottom: 0.0651vmin solid rgba(240, 240, 240, 0.6);
+  }
+}
+@media screen and (min-height: 768px) and (orientation: landscape) {
+  .price-wrapper {
+    padding: 0 1.95312vmin;
+    background: #fff;
+    font-size: 1.82292vmin;
+  }
+  .price-wrapper .price-item {
+    padding: 1.82292vmin 0;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+  .price-wrapper .price-item:not(:last-child) {
+    border-bottom: 0.0651vmin solid rgba(240, 240, 240, 0.6);
+  }
 }