s-material-react 1.4.10 → 1.4.12

package/css/common/card.scss

@@ -53,5 +53,12 @@
       color: #ff1643;
       padding: 2px 4px;
     }
+
+    .card-item-info-countDown {
+      background-color: rgba(#ff1643, 0.1);
+      color: #ff1643;
+      display: inline-block;
+      padding: 0 2px;
+    }
   }
 }

package/css/common/countNum.scss

@@ -0,0 +1,34 @@
+.count_btn_style {
+  display: flex;
+  align-items: center;
+
+  @mixin box_style {
+    width: 25px;
+    height: 25px;
+    margin: 0 auto;
+    text-align: center;
+    line-height: 25px;
+    border-top: 1px solid rgb(135, 133, 133);
+    border-bottom: 1px solid rgb(135, 133, 133);
+  }
+
+  .btn_left {
+    @include box_style;
+    border-bottom-left-radius: 5px;
+    border-top-left-radius: 5px;
+    border-left: 1px solid rgb(135, 133, 133);
+  }
+
+  .btn_middle {
+    @include box_style;
+    border-left: 1px solid rgb(135, 133, 133);
+    border-right: 1px solid rgb(135, 133, 133);
+  }
+
+  .btn_right {
+    @include box_style;
+    border-top-right-radius: 5px;
+    border-bottom-right-radius: 5px;
+    border-right: 1px solid rgb(135, 133, 133);
+  }
+}

package/css/common/icon.scss

@@ -1,14 +1,12 @@
-/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
 @font-face {
   font-family: 'iconfont';
   /* Project id 3540782 */
-  src: url('//at.alicdn.com/t/c/font_3540782_5g55dkvrn7q.woff2?t=1685672005310') format('woff2'),
-    url('//at.alicdn.com/t/c/font_3540782_5g55dkvrn7q.woff?t=1685672005310') format('woff'),
-    url('//at.alicdn.com/t/c/font_3540782_5g55dkvrn7q.ttf?t=1685672005310') format('truetype');
+  src: url('//at.alicdn.com/t/c/font_3540782_26vd58ech1ci.woff2?t=1686124852990') format('woff2'),
+    url('//at.alicdn.com/t/c/font_3540782_26vd58ech1ci.woff?t=1686124852990') format('woff'),
+    url('//at.alicdn.com/t/c/font_3540782_26vd58ech1ci.ttf?t=1686124852990') format('truetype');
 }
 
 .iconfont {
-
   //display: inline-block;
   font: {
     family: iconfont;
@@ -25,18 +23,46 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
-.icon-daifahuo1:before {
-  content: '\e614';
+.icon-bangzhu:before {
+  content: '\e604';
 }
 
-.icon-zhifuchenggong:before {
-  content: '\e639';
+.icon-huanhuo:before {
+  content: '\e608';
+}
+
+.icon-tuikuantuihuo1:before {
+  content: '\e673';
+}
+
+.icon-tuikuantuihuo:before {
+  content: '\e603';
+}
+
+.icon-tuikuan:before {
+  content: '\e75a';
+}
+
+.icon-jiangxu1:before {
+  content: '\e6cc';
+}
+
+.icon-shengxu1:before {
+  content: '\e6cf';
+}
+
+.icon-daifahuo1:before {
+  content: '\e614';
 }
 
 .icon-zhifushibai:before {
   content: '\e663';
 }
 
+.icon-zhifuchenggong:before {
+  content: '\e639';
+}
+
 .icon-backtop:before {
   content: '\e637';
 }
@@ -207,4 +233,4 @@
 
 .icon-paixu:before {
   content: '\e610';
-}
+}

package/css/common/index.scss

@@ -6,4 +6,8 @@
 @import './stepNum.scss';
 @import './rateItem.scss';
 @import './noData.scss';
-@import './promotionItem';
+@import './promotionItem';
+@import './refundOption.scss';
+@import './refundGoodsDetail.scss';
+@import './countNum.scss';
+@import './refundMsg.scss';

package/css/common/refundGoodsDetail.scss

@@ -0,0 +1,92 @@
+.refundGoodsDeatil {
+  margin-top: 9px;
+  background: #fff;
+  padding: 30px 15px;
+  font-size: 14px;
+  font-weight: 500;
+  border-radius: 10px;
+  position: relative;
+
+  @mixin textColor {
+    color: rgb(135, 133, 133);
+  }
+
+  .goodsDeatilMsg {
+    display: flex;
+    justify-content: space-between;
+    margin-top: 10px;
+    position: relative;
+
+    .goods_img {
+      .img {
+        width: 80px;
+        height: 80px;
+      }
+    }
+
+    .goods_content {
+      .goods_text {
+        display: flex;
+        justify-content: space-between;
+        font-size: 13px;
+        margin: 0px 10px;
+
+        .goods_title {
+          display: -webkit-box; //弹性盒模型
+          -webkit-box-orient: vertical; //上下垂直
+          -webkit-line-clamp: 2; //自定义行数
+          overflow: hidden;
+          text-overflow: ellipsis;
+          line-height: 20px;
+        }
+
+        .goods_price {
+          margin-left: 10px;
+        }
+      }
+
+      .goods_nums_btm {
+        bottom: 8px;
+      }
+
+      .goods_nums_btm1 {
+        bottom: 14px;
+      }
+
+      .goods_nums {
+        display: flex;
+        justify-content: space-between;
+        margin: 0 10px;
+
+        .goods_size {
+          @include textColor;
+          font-size: 11px;
+          margin-top: 10px;
+        }
+
+        .nums_btn {
+          display: flex;
+          align-items: center;
+          color: rgb(135, 133, 133);
+
+          .icon_btn {
+            margin-right: 10px;
+          }
+        }
+      }
+    }
+
+    .help_btn {
+      position: absolute;
+      bottom: -11px;
+      color: rgb(135, 133, 133);
+      font-size: 10px;
+      border: 1px solid rgb(135, 133, 133);
+      right: 10px;
+      padding: 5px;
+      border-radius: 10px;
+      background: #f9f9f9;
+      box-shadow: 1px 1px 1px rgb(135, 133, 133);
+    }
+  }
+}

package/css/common/refundMsg.scss

@@ -0,0 +1,90 @@
+.refundMsgPage {
+  background: #fff;
+  border-radius: 6px;
+  padding: 10px;
+
+  .refundItem {
+    .refundMsg {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+
+      .inputText {
+        display: flex;
+        align-items: center;
+
+        .icon {
+          color: red;
+          font-size: 18px;
+        }
+
+        .text {
+          font-size: 14px;
+        }
+      }
+
+      .optionText {
+        display: flex;
+        align-items: center;
+
+        .text1 {
+          color: #bdb4b4;
+        }
+
+        .text {
+          display: flex;
+
+          flex-direction: row-reverse;
+          width: 65px;
+
+          .textInp {
+            display: flex;
+            align-items: center;
+          }
+
+          .inputText {
+            display: flex;
+            flex-direction: row-reverse;
+
+            .adm-input-element {
+              // width: 20%;
+            }
+          }
+        }
+
+        .icon {
+          color: #bdb4b4;
+          margin-left: 10px;
+        }
+
+        .icon1 {
+          margin-left: 10px;
+
+          .iconContent {
+            display: flex;
+            align-items: center;
+          }
+        }
+      }
+    }
+
+    .refundTip {
+      display: flex;
+      flex-direction: row-reverse;
+      align-items: center;
+      font-size: 11px;
+      padding: 0;
+      font-weight: 200;
+    }
+
+    .refundTip1 {
+      display: flex;
+      flex-direction: row-reverse;
+      align-items: center;
+      font-size: 11px;
+      padding: 0;
+      font-weight: 200;
+      color: #bdb4b4;
+    }
+  }
+}

package/css/common/refundOption.scss

@@ -0,0 +1,32 @@
+.refundOptionStyle {
+  margin-top: 9px;
+  background: #fff;
+  padding: 15px 10px;
+  font-size: 14px;
+  font-weight: 500;
+  border-radius: 10px;
+
+  .optionItem {
+    margin-top: 20px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    .refund_icon {
+      width: 5%;
+    }
+
+    .refund_text {
+      width: 80%;
+
+      .refund_type_title {
+        margin-bottom: 5px;
+      }
+
+      .refund_tip {
+        font-size: 10px;
+        color: rgb(135, 133, 133);
+      }
+    }
+  }
+}

package/css/pages/addressDetail.scss

@@ -76,4 +76,4 @@
       }
     }
   }
-}
+}

package/css/pages/addressListGroup/addressListBtn.scss

@@ -0,0 +1,14 @@
+.addressListBtnWrap {
+  padding: 10px;
+  box-sizing: border-box;
+}
+
+.addressListBtn {
+  width: 100%;
+  height: 34px;
+  border-radius: 34px;
+  font-size: 14px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}

package/css/pages/addressListGroup/index.scss

@@ -0,0 +1 @@
+@import './addressListBtn';

package/css/pages/goodsDetail.scss

@@ -477,4 +477,4 @@
       color: #ffffff;
     }
   }
-}
+}

package/css/pages/goodsDetailGroup/GoodsDetailInfoOne.scss

@@ -1,3 +1,13 @@
+.disSeller {
+  height: 40px;
+  font-size: 15px;
+  color: #fff;
+  border-radius: 20px;
+  background: #8c8c97;
+  width: 100%;
+  line-height: 40px;
+  text-align: center;
+}
 .goodsDetail-info-one {
   background-color: #fff;
   margin: 0 10px;

package/css/pages/goodsList.scss

@@ -12,6 +12,7 @@
       display: flex;
       align-items: center;
       justify-content: center;
+
       .icon {
         width: 14px;
         height: 14px;
@@ -25,61 +26,76 @@
       display: grid;
       cursor: pointer;
       grid-template-columns: repeat(4, 1fr);
+      justify-items: center;
 
       .sortItem {
         text-align: center;
+        display: flex;
+
         &.active {
           color: #ff0934;
         }
+
+        .orderIcons {
+          display: flex;
+          flex-direction: column !important;
+          justify-content: center;
+          align-items: center;
+          margin-left: 5px;
+          margin-bottom: 8px;
+        }
       }
     }
   }
+
   .goodDetail {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    height: 25px;
-    line-height: 25px;
-    margin: 0 10px;
   }
+
+  .detailContent {
+    margin: 5px 10px 12px;
+  }
+
   .decoration {
     text-decoration: line-through;
+    font-size: 12px;
   }
+
   .textBox {
     display: flex;
     // padding: 0 10px;
   }
+
   .boxNone {
     display: none;
   }
-  .mgtop {
-    margin-top: 10px;
-  }
-  .mgbtm {
-    margin-bottom: 10px;
-  }
-  .mgrf {
-    margin-left: 10px;
-    margin-right: 10px;
-    line-height: 25px;
-    height: 25px;
-  }
-  .btm {
-    height: 0;
+
+  .middle_margin {
+    margin-bottom: 5px;
+    font-size: 12px;
   }
+
+  // .btm {
+  //   height: 0;
+  // }
   .listWrap {
     background-color: #f6f6f6;
+
     //padding: 10px;
     .list {
       display: grid;
       grid-template-columns: repeat(2, 1fr);
       // gap: 10px;
       padding: 10px;
+
       .listItem {
         overflow: hidden;
         background-color: #fff;
         // padding-bottom: 12px;
         height: fit-content;
+
         .img {
           display: block;
           width: 100%;
@@ -88,12 +104,9 @@
         }
 
         .name {
-          font-size: 12px;
-          display: block;
+          font-size: 14px;
           // padding: 10px;
-          height: 25px;
-          line-height: 25px;
-          margin: 0 10px;
+          margin-bottom: 5px;
           // margin-bottom: 5px;
           @include titleLine(1);
         }

package/css/pages/index.scss

@@ -43,6 +43,9 @@
 @import './goodsDetailGroup';
 @import './marketingGroup';
 @import './basic/backTopGroup';
+@import './addressListGroup';
+@import './refundGroup';
+@import './refundOnlyGroup';
 
 //
 //* {
@@ -50,5 +53,5 @@
 //}
 //
 .design-container .monitor .monitor-node .actived:after {
-  //display: none;
+  display: none;
 }

package/css/pages/mineData.scss

@@ -46,4 +46,4 @@
       overflow: hidden;
     }
   }
-}
+}

package/css/pages/mineOrderEntry.scss

@@ -47,4 +47,4 @@
       }
     }
   }
-}
+}

package/css/pages/order-goodsItem.scss

@@ -2,6 +2,8 @@
   text-align: right;
 
   .btn {
+    border-radius: 30px;
+
     &.white {
       --background-color: #fff;
       --border-color: #000;

package/css/pages/orderDetail.scss

@@ -24,6 +24,11 @@
       }
 
       .subTitleWrap {
+        color: #fff;
+        position: relative;
+        left: 100px;
+        margin-top: 20px;
+
         .subTitleIcon {
           width: 19px;
           height: 19px;
@@ -86,8 +91,20 @@
         }
       }
 
+      .orderBtn {
+        display: block;
+        width: 72px;
+        height: 28px;
+        font-size: 12px;
+        line-height: 28px;
+        border: 1px solid #000000;
+        text-align: center;
+        border-radius: 20px;
+        margin-left: 79%;
+      }
+
       .priceInfo {
-        margin-top: 20px;
+        margin-top: 13px;
         border-top: 1px solid #dcdcdc;
         padding: 18px 0 13px;
 
@@ -144,7 +161,6 @@
         }
       }
 
-
       .orderInfoItem {
         font-size: 14px;
         margin-bottom: 6px;
@@ -157,4 +173,4 @@
       padding: 13px 14px;
     }
   }
-}
+}

package/css/pages/orderList.scss

@@ -7,6 +7,11 @@
 
   .qj-tabs {
     background: #fff;
+
+    .actived-item {
+      color: #000000;
+      border-color: #000000;
+    }
   }
 
   .orderList {
@@ -15,7 +20,6 @@
     }
 
     .orderListItemWrap {
-
       //overflow-y: auto;
       //margin-bottom: 20px;
       .nodata_img {
@@ -25,7 +29,6 @@
         justify-content: center;
         align-items: center;
 
-
         .img {
           width: 200px;
           height: 200px;
@@ -61,13 +64,16 @@
 
           .orderNo {
             font-size: 14px;
+            display: flex;
+            align-items: center;
 
             .copy {
               padding: 0 4px;
               margin-left: 5px;
               color: #999;
               border-color: #999;
-              border-radius: 10px;
+              border-radius: 2px;
+              font-size: 12px;
             }
           }
 
@@ -103,4 +109,4 @@
       }
     }
   }
-}
+}

package/css/pages/paymentMode.scss

@@ -4,9 +4,8 @@
   .paymentMode {
     padding-bottom: 65px;
     box-sizing: border-box;
-    height: inherit;
-    overflow: scroll;
-
+    //height: inherit;
+    //overflow: scroll;
     .topInfo {
       padding: 24px 12px 22px;
       border-bottom: 10px solid #fafafa;
@@ -58,7 +57,7 @@
     position: sticky;
     bottom: 0px;
     background-color: #fff;
-    margin-top: -54px;
+    //margin-top: -54px;
 
     .payment {
       border: 1px solid;

package/css/pages/placeOrderGroup.scss

@@ -135,11 +135,13 @@
 }
 
 .coupon-select {
-  background-color: #fff;
+  background-color: #ffffff;
   margin: 0 12px;
   padding: 12px 0;
-  display: grid;
-  grid-template-columns: 52px 1fr;
+  display: flex;
+  justify-content: space-between;
+  //display: grid;
+  //grid-template-columns: 52px 1fr;
   font-size: 14px;
   border-bottom: 1px solid #dddddd;
 }

package/css/pages/refundGroup/index.scss

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