s-material-react 2.2.44 → 2.2.46

package/README.md

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

package/css/basic/textLine.scss

@@ -1,13 +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;
-  }
-}
+@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

@@ -1,91 +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;
-  }
-}
+.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

@@ -1,77 +1,77 @@
-@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 80px;
-      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: #f2f4f5;
-  height: 35px;
-  line-height: 35px;
-  border-radius: 8px;
-  padding-left: 15px;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-
-  .count-down-text {
-    margin-left: 6px;
-    color: #ff2d1e;
-  }
-}
+@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 80px;
+      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: #f2f4f5;
+  height: 35px;
+  line-height: 35px;
+  border-radius: 8px;
+  padding-left: 15px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+
+  .count-down-text {
+    margin-left: 6px;
+    color: #ff2d1e;
+  }
+}

package/css/common/common.scss

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

package/css/common/countNum.scss

@@ -1,34 +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);
-  }
-}
+.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

@@ -1,96 +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);
-      }
-    }
-  }
-}
+.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);
+      }
+    }
+  }
+}