s-material-react 1.4.9 → 1.4.11

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,8 +1,9 @@
 @font-face {
-  font-family: 'iconfont'; /* Project id 3540782 */
-  src: url('//at.alicdn.com/t/c/font_3540782_9656zj9vb8j.woff2?t=1684824218273') format('woff2'),
-    url('//at.alicdn.com/t/c/font_3540782_9656zj9vb8j.woff?t=1684824218273') format('woff'),
-    url('//at.alicdn.com/t/c/font_3540782_9656zj9vb8j.ttf?t=1684824218273') format('truetype');
+  font-family: 'iconfont';
+  /* Project id 3540782 */
+  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 {
@@ -11,6 +12,7 @@
     family: iconfont;
     variant: normal;
   }
+
   font-size: 16px;
   line-height: 1;
   font-style: normal;
@@ -21,6 +23,46 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-bangzhu:before {
+  content: '\e604';
+}
+
+.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';
 }

package/css/common/index.scss

@@ -7,3 +7,6 @@
 @import './rateItem.scss';
 @import './noData.scss';
 @import './promotionItem';
+@import './refundOption.scss';
+@import './refundGoodsDetail.scss';
+@import './countNum.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/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

@@ -17,7 +17,7 @@
       }
 
       .adm-list-item-content {
-        border-bottom: 1 rpx solid #d8d8d8 !important;
+        border-bottom: 1px solid #d8d8d8 !important;
       }
 
       &:last-child {

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

@@ -1,9 +1,10 @@
 .goodsDetail-topInfo {
   background-color: #fff;
-  margin: 0 10px;
+  margin: 10px;
   padding: 13px;
   display: flex;
-  border-bottom: 1px solid #ededed;
+  // border-bottom: 1px solid #ededed;
+  box-shadow: 0 0 2px #b6b6b7;
 
   .lPart {
     flex: 1;
@@ -49,6 +50,7 @@
 .GoodsDetailWrap {
   //overflow: scroll;
   background-color: #f6f6f6;
+
   //padding-top: 12px;
   //padding-bottom: 12px;
   .topSlider {
@@ -58,11 +60,11 @@
 
 .goodsDetail-promotion {
   background-color: #fff;
-  margin: 0 10px;
+  margin: 10px;
   padding: 13px;
   display: grid;
   grid-template-columns: 52px 1fr;
-  border-bottom: 1px solid #ededed;
+  box-shadow: 0 0 2px #b6b6b7;
 
   .label {
     font-size: 14px;
@@ -93,12 +95,12 @@
 .goodsDetail-coupon,
 .goodsDetail-size {
   background-color: #fff;
-  margin: 0 10px;
+  margin: 10px;
   padding: 13px;
   display: grid;
   grid-template-columns: 52px 1fr;
   font-size: 14px;
-  border-bottom: 1px solid #ededed;
+  box-shadow: 0 0 2px #b6b6b7;
 
   .info {
     display: flex;
@@ -332,6 +334,30 @@
     }
   }
 
+  .NoDataImg {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+
+    .btn {
+      width: 100%;
+      height: 40px;
+      margin: 20px;
+      line-height: 40px;
+      text-align: center;
+      background: #000000;
+      color: #ffffff;
+      border-radius: 50px;
+    }
+
+    .img {
+      width: 250px;
+      height: 200px;
+      display: block;
+    }
+  }
+
   .confirm {
     width: 100%;
     height: 40px;

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,8 @@
 @import './goodsDetailGroup';
 @import './marketingGroup';
 @import './basic/backTopGroup';
+@import './addressListGroup';
+@import './refundGroup';
 
 //
 //* {
@@ -50,5 +52,5 @@
 //}
 //
 .design-container .monitor .monitor-node .actived:after {
-  //display: none;
+  display: none;
 }

package/css/pages/mineData.scss

@@ -28,6 +28,7 @@
       .name {
         font-size: 20px;
         color: #333;
+        font-weight: 600;
       }
 
       .link {

package/css/pages/mineOrderEntry.scss

@@ -2,6 +2,8 @@
   background: #fff;
   box-shadow: 0 0 10px 0 rgba(231, 227, 227, 0.5);
   border-radius: 8px;
+  margin: 10px;
+  border: 1px solid rgba(231, 227, 227, 0.5);
 
   .title {
     height: 46px;
@@ -19,6 +21,7 @@
     .more {
       font-size: 12px;
       margin-right: 13px;
+      color: #999;
     }
   }
 
@@ -30,6 +33,7 @@
 
     .contentItem {
       flex: 1;
+
       .icon {
         width: 22px;
         height: 22px;
@@ -39,7 +43,7 @@
 
       .subTitle {
         display: block;
-        font-size: 11px;
+        font-size: 14px;
       }
     }
   }

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

@@ -12,12 +12,23 @@
     align-items: center;
 
     .orderDetailTopTitleContent {
+      .icon_text {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+
       .title {
         font-size: 18px;
         color: #fff;
       }
 
       .subTitleWrap {
+        color: #fff;
+        position: relative;
+        left: 100px;
+        margin-top: 20px;
+
         .subTitleIcon {
           width: 19px;
           height: 19px;
@@ -34,6 +45,7 @@
 
   .orderDetailContent {
     background-color: #f6f6f6;
+
     .addressInfo {
       background: #fff;
       border-radius: 8px;
@@ -79,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;
 
@@ -123,6 +147,20 @@
       margin: 0 12px 12px;
       padding: 13px 14px;
 
+      .context_copy {
+        display: flex;
+        align-items: center;
+
+        .copy {
+          font-size: 12px;
+          padding: 0 4px;
+          margin-left: 5px;
+          color: #999;
+          border-color: #999;
+          border-radius: 10px;
+        }
+      }
+
       .orderInfoItem {
         font-size: 14px;
         margin-bottom: 6px;

package/css/pages/orderList.scss

@@ -4,16 +4,50 @@
   height: 100%;
   overflow: hidden;
   background: #f5f5f5;
+
   .qj-tabs {
     background: #fff;
+
+    .actived-item {
+      color: #000000;
+      border-color: #000000;
+    }
   }
+
   .orderList {
     .tabTitle {
       --title-font-size: 15px;
     }
+
     .orderListItemWrap {
       //overflow-y: auto;
       //margin-bottom: 20px;
+      .nodata_img {
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+
+        .img {
+          width: 200px;
+          height: 200px;
+          margin-top: 20px;
+        }
+      }
+
+      .nodata-btn {
+        margin-top: 20px;
+        width: 150px;
+        height: 50px;
+        line-height: 50px;
+        text-align: center;
+        background: #000000;
+        color: #ffffff;
+        border-radius: 30px;
+        font-size: 18px;
+      }
+
       .orderListItem {
         margin-left: 12px;
         margin-right: 12px;
@@ -26,17 +60,20 @@
           line-height: 20px;
           justify-content: space-between;
           margin-bottom: 12px;
+          align-items: center;
 
           .orderNo {
-            font-size: 12px;
+            font-size: 14px;
+            display: flex;
+            align-items: center;
 
             .copy {
-              font-size: 9px;
               padding: 0 4px;
               margin-left: 5px;
               color: #999;
               border-color: #999;
-              border-radius: 10px;
+              border-radius: 2px;
+              font-size: 12px;
             }
           }