s-material-react 2.2.33 → 2.2.35

package/css/pages/placeOrderGroup.scss

@@ -1,249 +1,249 @@
-.placeOrder-chooseAddress {
-  background: #fff;
-  margin: 0 12px;
-  padding-bottom: 8px;
-  height: 58px;
-  border-bottom: 1px solid #dddddd;
-
-  .group {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 8px;
-    line-height: 58px;
-
-    .local {
-      width: 17px;
-      height: 16px;
-      margin-right: 7px;
-      //background-color: yellowgreen;
-      display: inline-block;
-    }
-
-    .address {
-      font-size: 14px;
-      color: #000;
-    }
-  }
-
-  .address-info {
-    width: 100%;
-    display: grid;
-    grid-template-columns: 25px auto 50px;
-
-    .left-title {
-      display: flex;
-      font-size: 14px;
-      margin: 10px 0 4px 0;
-      flex-basis: auto;
-    }
-
-    .left-padding {
-      padding-left: 5px;
-    }
-
-    .left-title-default {
-      background: #1a1922;
-      font-size: 10px;
-      color: #fff;
-      padding: 2px 4px;
-      margin-left: 5px;
-      border-radius: 5px;
-    }
-  }
-
-  .arrow {
-    width: 6px;
-    height: 10px;
-    //background-color: yellowgreen;
-  }
-}
-
-.place-order-goods {
-  margin: 12px 12px 0;
-  background: #fff;
-  border-bottom: 1px solid #dddddd;
-}
-
-.placeOrder-blcWrap {
-  margin: 0 12px;
-  padding: 12px 0;
-  background-color: #fff;
-  border-bottom: 1px solid #dddddd;
-
-  .content {
-    width: 240px;
-    height: 100px;
-    margin-top: 2px;
-    border: solid 1px #f1f1f1;
-    padding: 6px;
-    border-radius: 4px;
-  }
-  .title {
-    font-size: 16px;
-    font-weight: 500;
-    color: #333333;
-    margin-bottom: 17px;
-  }
-
-  .placeOrder-blcItem {
-    display: flex;
-    justify-content: space-between;
-    margin-bottom: 17px;
-
-    &:last-child {
-      margin-bottom: 0;
-    }
-
-    .label {
-      color: #333;
-    }
-
-    .value {
-      color: #a7a7a7;
-
-      .icon {
-        width: 6px;
-        height: 10px;
-        display: inline-block;
-        //background-color: yellowgreen;
-        margin-left: 5px;
-      }
-    }
-  }
-}
-
-.placeOrderFooter {
-  background-color: #fff;
-  height: 54px;
-  line-height: 54px;
-  display: flex;
-  justify-content: space-between;
-  padding: 0 12px;
-  box-sizing: border-box;
-  align-items: center;
-  position: sticky;
-  bottom: 0;
-
-  .price {
-    font-size: 14px;
-    color: #333333;
-  }
-
-  .btn {
-    width: 105px;
-    height: 40px;
-    line-height: 40px;
-    color: #ffffff;
-    padding: 0 12px;
-    background-color: #34c0bc;
-    text-align: center;
-    border-radius: 20px;
-  }
-}
-
-.coupon-select {
-  background-color: #ffffff;
-  margin: 0 12px;
-  padding: 12px 0;
-  display: flex;
-  justify-content: space-between;
-  //display: grid;
-  //grid-template-columns: 52px 1fr;
-  font-size: 14px;
-  border-bottom: 1px solid #dddddd;
-  .img-fields {
-    width: 100px;
-    height: 100px;
-    overflow: hidden;
-    border: 1px dashed #ccc;
-    box-sizing: border-box;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: 6px;
-    color: #394259;
-
-    .img {
-      width: 100px;
-      display: block;
-    }
-  }
-}
-
-.info {
-  display: flex;
-  justify-content: space-between;
-
-  .label {
-    color: #999;
-  }
-
-  .icon {
-    cursor: pointer;
-    width: 14px;
-    height: 3px;
-    margin-top: 8px;
-  }
-}
-
-.placeOrderAddressTabs {
-  background-color: #ffffff;
-  margin: 0 12px;
-  border-radius: 8px;
-  overflow: hidden;
-
-  .delivery-header {
-    display: flex;
-    align-items: center;
-    padding: 12px;
-    border-bottom: 1px solid #dddddd;
-
-    .delivery-label {
-      font-size: 14px;
-      color: #333333;
-      margin-right: 12px;
-      white-space: nowrap;
-    }
-
-    .tabs {
-      flex: 1;
-      display: flex;
-      height: 50px;
-      line-height: 50px;
-
-      .tabsItem {
-        flex: 1;
-        display: inline-block;
-        font-size: 16px;
-        position: relative;
-        color: #333333;
-        text-align: center;
-
-        &.active {
-          color: #000000;
-          font-weight: 500;
-
-          .line {
-            display: block;
-          }
-        }
-
-        .line {
-          width: 40px;
-          height: 2px;
-          background-color: #000000;
-          position: absolute;
-          bottom: 0;
-          left: 50%;
-          margin-left: -20px;
-          display: none;
-        }
-      }
-    }
-  }
-
-  .content {
-    width: 100%;
-  }
-}
+.placeOrder-chooseAddress {
+  background: #fff;
+  margin: 0 12px;
+  padding-bottom: 8px;
+  height: 58px;
+  border-bottom: 1px solid #dddddd;
+
+  .group {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 8px;
+    line-height: 58px;
+
+    .local {
+      width: 17px;
+      height: 16px;
+      margin-right: 7px;
+      //background-color: yellowgreen;
+      display: inline-block;
+    }
+
+    .address {
+      font-size: 14px;
+      color: #000;
+    }
+  }
+
+  .address-info {
+    width: 100%;
+    display: grid;
+    grid-template-columns: 25px auto 50px;
+
+    .left-title {
+      display: flex;
+      font-size: 14px;
+      margin: 10px 0 4px 0;
+      flex-basis: auto;
+    }
+
+    .left-padding {
+      padding-left: 5px;
+    }
+
+    .left-title-default {
+      background: #1a1922;
+      font-size: 10px;
+      color: #fff;
+      padding: 2px 4px;
+      margin-left: 5px;
+      border-radius: 5px;
+    }
+  }
+
+  .arrow {
+    width: 6px;
+    height: 10px;
+    //background-color: yellowgreen;
+  }
+}
+
+.place-order-goods {
+  margin: 12px 12px 0;
+  background: #fff;
+  border-bottom: 1px solid #dddddd;
+}
+
+.placeOrder-blcWrap {
+  margin: 0 12px;
+  padding: 12px 0;
+  background-color: #fff;
+  border-bottom: 1px solid #dddddd;
+
+  .content {
+    width: 240px;
+    height: 100px;
+    margin-top: 2px;
+    border: solid 1px #f1f1f1;
+    padding: 6px;
+    border-radius: 4px;
+  }
+  .title {
+    font-size: 16px;
+    font-weight: 500;
+    color: #333333;
+    margin-bottom: 17px;
+  }
+
+  .placeOrder-blcItem {
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 17px;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+
+    .label {
+      color: #333;
+    }
+
+    .value {
+      color: #a7a7a7;
+
+      .icon {
+        width: 6px;
+        height: 10px;
+        display: inline-block;
+        //background-color: yellowgreen;
+        margin-left: 5px;
+      }
+    }
+  }
+}
+
+.placeOrderFooter {
+  background-color: #fff;
+  height: 54px;
+  line-height: 54px;
+  display: flex;
+  justify-content: space-between;
+  padding: 0 12px;
+  box-sizing: border-box;
+  align-items: center;
+  position: sticky;
+  bottom: 0;
+
+  .price {
+    font-size: 14px;
+    color: #333333;
+  }
+
+  .btn {
+    width: 105px;
+    height: 40px;
+    line-height: 40px;
+    color: #ffffff;
+    padding: 0 12px;
+    background-color: #34c0bc;
+    text-align: center;
+    border-radius: 20px;
+  }
+}
+
+.coupon-select {
+  background-color: #ffffff;
+  margin: 0 12px;
+  padding: 12px 0;
+  display: flex;
+  justify-content: space-between;
+  //display: grid;
+  //grid-template-columns: 52px 1fr;
+  font-size: 14px;
+  border-bottom: 1px solid #dddddd;
+  .img-fields {
+    width: 100px;
+    height: 100px;
+    overflow: hidden;
+    border: 1px dashed #ccc;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 6px;
+    color: #394259;
+
+    .img {
+      width: 100px;
+      display: block;
+    }
+  }
+}
+
+.info {
+  display: flex;
+  justify-content: space-between;
+
+  .label {
+    color: #999;
+  }
+
+  .icon {
+    cursor: pointer;
+    width: 14px;
+    height: 3px;
+    margin-top: 8px;
+  }
+}
+
+.placeOrderAddressTabs {
+  background-color: #ffffff;
+  margin: 0 12px;
+  border-radius: 8px;
+  overflow: hidden;
+
+  .delivery-header {
+    display: flex;
+    align-items: center;
+    padding: 12px;
+    border-bottom: 1px solid #dddddd;
+
+    .delivery-label {
+      font-size: 14px;
+      color: #333333;
+      margin-right: 12px;
+      white-space: nowrap;
+    }
+
+    .tabs {
+      flex: 1;
+      display: flex;
+      height: 50px;
+      line-height: 50px;
+
+      .tabsItem {
+        flex: 1;
+        display: inline-block;
+        font-size: 16px;
+        position: relative;
+        color: #333333;
+        text-align: center;
+
+        &.active {
+          color: #000000;
+          font-weight: 500;
+
+          .line {
+            display: block;
+          }
+        }
+
+        .line {
+          width: 40px;
+          height: 2px;
+          background-color: #000000;
+          position: absolute;
+          bottom: 0;
+          left: 50%;
+          margin-left: -20px;
+          display: none;
+        }
+      }
+    }
+  }
+
+  .content {
+    width: 100%;
+  }
+}

package/css/pages/placeOrderResult.scss

@@ -1,101 +1,101 @@
-.placeOrderResult {
-  background-color: #f6f6f6;
-  padding: 20px 12px 0;
-  box-sizing: border-box;
-
-  .placeOrderResultContent {
-    background-color: #ffffff;
-    border-radius: 8px;
-    padding: 35px 17px 30px;
-
-    .icon {
-      width: 34px;
-      height: 34px;
-      display: block;
-      //background-color: yellowgreen;
-      margin: 0 auto 15px;
-    }
-
-    .tips {
-      border-bottom: 1px solid #dcdcdc;
-      padding-bottom: 27px;
-
-      .title {
-        font-size: 20px;
-        font-weight: 600;
-        display: block;
-        margin: 0 auto;
-        text-align: center;
-      }
-
-      .tip {
-        font-size: 14px;
-        display: block;
-        width: 220px;
-        margin: 0 auto;
-        text-align: center;
-        padding-top: 8px;
-      }
-    }
-
-    //.title {
-    //  font-size: 20px;
-    //  font-weight: 600;
-    //  margin: 0 auto 23px;
-    //  padding-bottom: 27px;
-    //  display: block;
-    //  text-align: center;
-    //  border-bottom: 1px solid #DCDCDC;
-    //}
-
-    .placeOrderResultWrap {
-      padding-top: 20px;
-      margin-bottom: 44px;
-      text-align: left;
-
-      .placeOrderResultItem {
-        display: grid;
-        grid-template-columns: 70px 1fr;
-        gap: 6px;
-        margin-bottom: 10px;
-
-        .label {
-          font-size: 14px;
-          color: #999;
-        }
-
-        .value {
-          font-size: 14px;
-          color: #000;
-        }
-      }
-    }
-
-    .btnGroup {
-      display: grid;
-      grid-template-columns: repeat(2, 1fr);
-      gap: 10px;
-
-      .btn {
-        width: 100%;
-        height: 40px;
-        line-height: 40px;
-        border-radius: 20px;
-        text-align: center;
-        box-sizing: border-box;
-        border: 1px solid #000;
-
-        &.black {
-          background-color: #34c0bc;
-          color: #fff;
-          margin-left: 0;
-        }
-
-        &.white {
-          background-color: #34c0bc;
-          color: #000;
-        }
-      }
-    }
-  }
-}
+.placeOrderResult {
+  background-color: #f6f6f6;
+  padding: 20px 12px 0;
+  box-sizing: border-box;
+
+  .placeOrderResultContent {
+    background-color: #ffffff;
+    border-radius: 8px;
+    padding: 35px 17px 30px;
+
+    .icon {
+      width: 34px;
+      height: 34px;
+      display: block;
+      //background-color: yellowgreen;
+      margin: 0 auto 15px;
+    }
+
+    .tips {
+      border-bottom: 1px solid #dcdcdc;
+      padding-bottom: 27px;
+
+      .title {
+        font-size: 20px;
+        font-weight: 600;
+        display: block;
+        margin: 0 auto;
+        text-align: center;
+      }
+
+      .tip {
+        font-size: 14px;
+        display: block;
+        width: 220px;
+        margin: 0 auto;
+        text-align: center;
+        padding-top: 8px;
+      }
+    }
+
+    //.title {
+    //  font-size: 20px;
+    //  font-weight: 600;
+    //  margin: 0 auto 23px;
+    //  padding-bottom: 27px;
+    //  display: block;
+    //  text-align: center;
+    //  border-bottom: 1px solid #DCDCDC;
+    //}
+
+    .placeOrderResultWrap {
+      padding-top: 20px;
+      margin-bottom: 44px;
+      text-align: left;
+
+      .placeOrderResultItem {
+        display: grid;
+        grid-template-columns: 70px 1fr;
+        gap: 6px;
+        margin-bottom: 10px;
+
+        .label {
+          font-size: 14px;
+          color: #999;
+        }
+
+        .value {
+          font-size: 14px;
+          color: #000;
+        }
+      }
+    }
+
+    .btnGroup {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      gap: 10px;
+
+      .btn {
+        width: 100%;
+        height: 40px;
+        line-height: 40px;
+        border-radius: 20px;
+        text-align: center;
+        box-sizing: border-box;
+        border: 1px solid #000;
+
+        &.black {
+          background-color: #34c0bc;
+          color: #fff;
+          margin-left: 0;
+        }
+
+        &.white {
+          background-color: #34c0bc;
+          color: #000;
+        }
+      }
+    }
+  }
+}

package/css/pages/refundGroup/index.scss

@@ -1 +1 @@
-@import './refundAfter.scss';
+@import './refundAfter.scss';