feat: 10.28beta版本

projects/translate-h5/src/view/payment/index.less

@@ -0,0 +1,64 @@
+.payment {
+  background-color: #f5f5f5;
+  padding: 0;
+  box-sizing: border-box;
+  min-height: 100%;
+  .payment-header {
+    position: sticky;
+    top: 0;
+    z-index: 100;
+  }
+  .payment-content {
+    padding: 12px;
+    padding-bottom: 160px;
+    .payment-cart {
+      position: relative;
+      margin-bottom: 10px;
+      .mask {
+        position: absolute;
+        z-index: 99;
+        width: 100%;
+        height: 45.5%;
+        top: 21%;
+      }
+    }
+  }
+  .payment-bottom {
+    position: fixed;
+    bottom: 0;
+  }
+}
+
+.popup-content {
+  max-height: 60vh;
+  overflow: auto;
+}
+
+.popup-header {
+  font-size: 16px;
+  display: flex;
+  justify-content: space-between;
+  padding: 12px;
+}
+
+.popup-bottom {
+  display: flex;
+  padding: 16px;
+  // 设置中间间隔
+  .popup-button {
+    flex: 1;
+    &:last-child {
+      margin-right: 0;
+    }
+    .cancel-button {
+      --background-color: #fff;
+      --border-color: #e9e9e9;
+      --text-color: #000000;
+    }
+    .confirm-button {
+      --background-color: #f5222d;
+      --border-color: #f5222d;
+      --text-color: #fff;
+    }
+  }
+}