s-material-react 2.2.31 → 2.2.32

package/README.md

@@ -1,5 +1,5 @@
-### 物料配置
-
-#### 目录接口
-> src
->> common
+### 物料配置
+
+#### 目录接口
+> src
+>> common

package/css/basic/textLine.scss

@@ -0,0 +1,13 @@
+@mixin titleLine($num: 1) {
+  overflow: hidden;
+  text-overflow: ellipsis;
+
+  @if ($num == 1) {
+    white-space: nowrap;
+  } @else {
+    white-space: pre-wrap;
+    display: -webkit-box;
+    -webkit-line-clamp: $num;
+    -webkit-box-orient: vertical;
+  }
+}

package/css/common/addressItem.scss

@@ -0,0 +1,91 @@
+.addressItem {
+  width: 100%;
+  background-color: #fff;
+  margin-bottom: 10px;
+  border-radius: 5px;
+
+  .upInfo {
+    padding: 15px;
+    box-sizing: border-box;
+    border-bottom: 1px solid #e2e2e2;
+
+    .userInfo {
+      color: #000;
+      font-size: 14px;
+      margin-bottom: 8px;
+    }
+
+    .addressInfo {
+      display: grid;
+      grid-template-columns: 1fr 14px;
+      gap: 10px;
+
+      .address {
+        font-size: 12px;
+        color: #a7a7a7;
+      }
+
+      .icon {
+        width: 14px;
+        height: 14px;
+      }
+    }
+  }
+
+  .downInfo {
+    display: flex;
+    box-sizing: border-box;
+    justify-content: space-between;
+    padding: 12px 14px;
+
+    .checkBoxPc {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+
+      input {
+        margin-right: 5px;
+      }
+    }
+
+    .checkboxMini {
+      .checkBoxWrap {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+
+      .wx-checkbox-input {
+        width: 12px;
+        height: 12px;
+        border-radius: 50%;
+      }
+
+      .wx-checkbox-input .wx-checkbox-input-checked {
+        color: red;
+        border-color: #000;
+      }
+
+      .wx-checkbox-input.wx-checkbox-input-checked::before {
+        background-color: #000;
+        width: 12px;
+        height: 12px;
+        line-height: 12px;
+        border-radius: 50%;
+        text-align: center;
+        font-size: 10px;
+        color: #fff;
+        transform: translate(-50%, -50%) scale(1);
+      }
+    }
+
+    .del {
+      font-size: 12px;
+      color: #a7a7a7;
+    }
+  }
+  .adm-checkbox.adm-checkbox-checked .adm-checkbox-icon {
+    border-color: #34c0bc;
+    background-color: #34c0bc;
+  }
+}

package/css/common/card.scss

@@ -0,0 +1,68 @@
+@import '../basic/textLine.scss';
+
+.card-item {
+  display: grid;
+  grid-template-columns: 80px 1fr;
+  gap: 7px;
+  margin-bottom: 12px;
+
+  .card-item-img {
+    width: 80px;
+    height: 80px;
+    border-radius: 8px;
+  }
+
+  &-info {
+    &-container {
+      display: grid;
+      grid-template-columns: 1fr 60px;
+      grid-auto-flow: dense;
+      line-height: 18px;
+      justify-content: space-between;
+      height: 36px;
+
+      &-title {
+        @include titleLine(2);
+        font-size: 12px;
+      }
+
+      &-price {
+        font-size: 14px;
+        color: #333333;
+        font-weight: 600;
+        text-align: right;
+      }
+    }
+
+    &-sub {
+      display: grid;
+      grid-template-columns: 1fr 60px;
+      justify-content: space-between;
+      color: #999999;
+      font-size: 12px;
+      margin-bottom: 3px;
+      margin-top: 5px;
+
+      .count {
+        text-align: right;
+      }
+    }
+
+    &-tips {
+      display: inline-block;
+      height: 20px;
+      line-height: 20px;
+      background-color: rgba(255, 22, 67, 0.1);
+      border-radius: 3px;
+      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/common.scss

@@ -0,0 +1,7 @@
+.wx-share-button {
+  background-color: transparent;
+  margin: unset;
+  &:after {
+    border: none;
+  }
+}

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/coupon.scss

@@ -0,0 +1,96 @@
+.couponItem {
+  width: 100%;
+  box-sizing: border-box;
+  display: inline-block;
+  padding: 10px;
+  position: relative;
+  background: radial-gradient(transparent 0px, transparent 4px, #ff4a4a 4px, #ff4a4a) -10px -10px;
+  background-size: 20px 20px;
+  margin-bottom: 14px;
+  color: #fff;
+  &:after {
+    content: '';
+    position: absolute;
+    left: 5px;
+    top: 5px;
+    right: 5px;
+    bottom: 5px;
+    //box-shadow: 0 0 20px 1px rgba(0, 0, 0, 1);
+    z-index: -1;
+  }
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+
+  .coupon-content {
+    height: 100px;
+    width: 100%;
+    background: #ff4a4a;
+    display: grid;
+    grid-template-columns: 100px 1fr 40px;
+    position: relative;
+    column-gap: 15px;
+
+    .coupon-pick {
+      line-height: 30px;
+      height: 30px;
+      background: #34c0bc;
+      //color: #fff;
+      text-align: center;
+      border-radius: 12px;
+      margin-top: 32px;
+    }
+    .coupon-pick-default {
+      line-height: 30px;
+      height: 30px;
+      background: #34c0bc;
+      //color: #fff;
+      text-align: center;
+      border-radius: 12px;
+      margin-top: 32px;
+    }
+    .choose {
+      position: absolute;
+      top: 35px;
+      right: 5px;
+      //background: #fff;
+      border-radius: 100%;
+      overflow: hidden;
+    }
+
+    .price {
+      border-right: 1px dashed #fff;
+      text-align: center;
+      .symbol {
+        font-size: 15px;
+        margin: 25px 0 10px;
+        //color: #fff;
+      }
+
+      .num {
+        font-size: 12px;
+        //color: #fff;
+        text-align: center;
+      }
+    }
+
+    .info {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      flex-direction: column;
+
+      .title {
+        margin-bottom: 12px;
+        font-size: 16px;
+        //color: #fff;
+        line-height: 22px;
+      }
+
+      .date {
+        color: rgba(255, 255, 255, 0.45);
+      }
+    }
+  }
+}

package/css/common/evaluateItem.scss

@@ -0,0 +1,58 @@
+.evaluateItem {
+  color: #333333;
+  background-color: #ffffff;
+  padding: 15px 13px 20px;
+  border-bottom: 1px solid #e2e2e2;
+
+  &:last-child {
+    border-bottom: 0 none;
+  }
+
+  .userInfo {
+    display: grid;
+    grid-template-columns: 48px auto;
+    margin-bottom: 12px;
+
+    .avatar {
+      width: 38px;
+      height: 38px;
+      display: inline-block;
+      margin-right: 10px;
+      border-radius: 100%;
+    }
+
+    .userNameWrap {
+      text-align: left;
+      display: flex;
+      justify-content: center;
+      //align-items: center;
+      flex-direction: column;
+
+      .userName {
+        //line-height: 38px;
+      }
+    }
+  }
+
+  .size {
+    font-size: 12px;
+    margin-bottom: 4px;
+  }
+
+  .content {
+    font-size: 14px;
+    margin-bottom: 12px;
+  }
+
+  .img-group {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    gap: 7px;
+
+    .img {
+      display: block;
+      border-radius: 4px;
+      width: 100%;
+    }
+  }
+}

package/css/common/icon.scss

@@ -0,0 +1,255 @@
+@font-face {
+  font-family: 'iconfont'; /* Project id 3540782 */
+  src: url('//at.alicdn.com/t/c/font_3540782_bsflztyc45f.woff2?t=1686895966279') format('woff2'),
+    url('//at.alicdn.com/t/c/font_3540782_bsflztyc45f.woff?t=1686895966279') format('woff'),
+    url('//at.alicdn.com/t/c/font_3540782_bsflztyc45f.ttf?t=1686895966279') format('truetype');
+}
+
+.iconfont {
+  //display: inline-block;
+  font: {
+    family: iconfont;
+    variant: normal;
+  }
+
+  font-size: 16px;
+  line-height: 1;
+  font-style: normal;
+  vertical-align: middle;
+  text-transform: none;
+  text-rendering: auto;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-tuikuan1:before {
+  content: '\e606';
+}
+
+.icon-tuihuotuikuan:before {
+  content: '\e609';
+}
+
+.icon-shangchuanpingzheng:before {
+  content: '\e66b';
+}
+
+.icon-wujiaoxing-:before {
+  content: '\e647';
+}
+
+.icon-bianzu:before {
+  content: '\e605';
+}
+
+.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';
+}
+
+.icon-gonggao:before {
+  content: '\e607';
+}
+
+.icon-gongsigonggao:before {
+  content: '\f8dd';
+}
+
+.icon-weixinzhifu2:before {
+  content: '\e62b';
+}
+
+.icon-zhifubao:before {
+  content: '\e64f';
+}
+
+.icon-liulan:before {
+  content: '\e61a';
+}
+
+.icon-yincang:before {
+  content: '\e61c';
+}
+
+.icon-xiangzuo:before {
+  content: '\eb15';
+}
+
+.icon-star:before {
+  content: '\e7df';
+}
+
+.icon-star-fill:before {
+  content: '\e86a';
+}
+
+.icon-eyes:before {
+  content: '\e60f';
+}
+
+.icon-coupons:before {
+  content: '\e6ed';
+}
+
+.icon-collect:before {
+  content: '\e793';
+}
+
+.icon-shouhuodizhi:before {
+  content: '\e64e';
+}
+
+.icon-shezhi:before {
+  content: '\e602';
+}
+
+.icon-xiangyou1:before {
+  content: '\e775';
+}
+
+.icon-dizhi:before {
+  content: '\e66e';
+}
+
+.icon-kehufuwukefu:before {
+  content: '\e698';
+}
+
+.icon-daifahuo:before {
+  content: '\e601';
+}
+
+.icon-yiwancheng:before {
+  content: '\e6a6';
+}
+
+.icon-daishouhuo:before {
+  content: '\e640';
+}
+
+.icon-daifukuan:before {
+  content: '\e612';
+}
+
+.icon-shouhou:before {
+  content: '\e713';
+}
+
+.icon-xiaochengxu:before {
+  content: '\e619';
+}
+
+.icon-zhanghu:before {
+  content: '\e611';
+}
+
+.icon-roundcheck:before {
+  content: '\e657';
+}
+
+.icon-bianjishuru:before {
+  content: '\e8cc';
+}
+
+.icon-tianxie:before {
+  content: '\ec88';
+}
+
+.icon-close-bold:before {
+  content: '\e685';
+}
+
+.icon-jianqu:before {
+  content: '\e60c';
+}
+
+.icon-zengjia:before {
+  content: '\e6ea';
+}
+
+.icon-shanchu:before {
+  content: '\e623';
+}
+
+.icon-jiangxu:before {
+  content: '\e618';
+}
+
+.icon-shengxu:before {
+  content: '\e61b';
+}
+
+.icon-paixusort-jiang:before {
+  content: '\e7c6';
+}
+
+.icon-paixusort-sheng:before {
+  content: '\e7c7';
+}
+
+.icon-gouwuche:before {
+  content: '\e73d';
+}
+
+.icon-kefu:before {
+  content: '\ec2e';
+}
+
+.icon-my:before {
+  content: '\e66f';
+}
+
+.icon-fenleiclassify:before {
+  content: '\e7c0';
+}
+
+.icon-fenxiang:before {
+  content: '\e600';
+}
+
+.icon-cart:before {
+  content: '\e747';
+}
+
+.icon-paixu:before {
+  content: '\e610';
+}

package/css/common/index.scss

@@ -0,0 +1,18 @@
+@import './card.scss';
+@import './icon.scss';
+@import './evaluateItem.scss';
+@import './addressItem.scss';
+@import './coupon.scss';
+@import './stepNum.scss';
+@import './rateItem.scss';
+@import './noData.scss';
+@import './promotionItem';
+@import './refundOption.scss';
+@import './refundGoodsDetail.scss';
+@import './countNum.scss';
+@import './refundMsg.scss';
+@import './uploadingImg.scss';
+@import './uploading.scss';
+@import './notice.scss';
+@import './common.scss';
+@import './tooltip.scss';

package/css/common/noData.scss

@@ -0,0 +1,33 @@
+.noData {
+  height: inherit;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+
+  .img {
+    display: block;
+    margin: 0 auto 20px;
+  }
+
+  .title {
+    color: #ccc;
+    font-size: 16px;
+    text-align: center;
+    margin-bottom: 5px;
+  }
+
+  .subTitle {
+    color: #ccc;
+    font-size: 16px;
+    text-align: center;
+    margin-bottom: 5px;
+  }
+
+  .link {
+    color: #aaaaaa;
+    font-size: 20px;
+    text-align: center;
+    padding-top: 5px;
+  }
+}

package/css/common/notice.scss

@@ -0,0 +1,3 @@
+//#noticebar-wrap .scroll-animate-item {
+//  width: 100% !important;
+//}