s-material-react 1.3.20 → 1.3.22

package/css/basic/textLine.scss

@@ -1,13 +1,13 @@
 @mixin titleLine($num: 1) {
-    overflow: hidden;
-    text-overflow: ellipsis;
+  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;
-    }
+  @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;
+  width: 100%;
+  background-color: #fff;
+  margin-bottom: 10px;
+  border-radius: 5px;
 
-    .upInfo {
-        padding: 15px;
-        box-sizing: border-box;
-        border-bottom: 1px solid #e2e2e2;
+  .upInfo {
+    padding: 15px;
+    box-sizing: border-box;
+    border-bottom: 1px solid #e2e2e2;
 
-        .userInfo {
-            color: #000;
-            font-size: 14px;
-            margin-bottom: 8px;
-        }
+    .userInfo {
+      color: #000;
+      font-size: 14px;
+      margin-bottom: 8px;
+    }
 
-        .addressInfo {
-            display: grid;
-            grid-template-columns: 1fr 14px;
-            gap: 10px;
+    .addressInfo {
+      display: grid;
+      grid-template-columns: 1fr 14px;
+      gap: 10px;
 
-            .address {
-                font-size: 12px;
-                color: #a7a7a7;
-            }
+      .address {
+        font-size: 12px;
+        color: #a7a7a7;
+      }
 
-            .icon {
-                width: 14px;
-                height: 14px;
-            }
-        }
+      .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;
+  .downInfo {
+    display: flex;
+    box-sizing: border-box;
+    justify-content: space-between;
+    padding: 12px 14px;
 
-            input {
-                margin-right: 5px;
-            }
-        }
+    .checkBoxPc {
+      display: flex;
+      justify-content: center;
+      align-items: center;
 
-        .checkboxMini {
-            .checkBoxWrap {
-                display: flex;
-                justify-content: center;
-                align-items: center;
-            }
+      input {
+        margin-right: 5px;
+      }
+    }
 
-            .wx-checkbox-input {
-                width: 12px;
-                height: 12px;
-                border-radius: 50%;
-            }
+    .checkboxMini {
+      .checkBoxWrap {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
 
-            .wx-checkbox-input .wx-checkbox-input-checked {
-                color: red;
-                border-color: #000;
-            }
+      .wx-checkbox-input {
+        width: 12px;
+        height: 12px;
+        border-radius: 50%;
+      }
 
-            .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);
-            }
-        }
+      .wx-checkbox-input .wx-checkbox-input-checked {
+        color: red;
+        border-color: #000;
+      }
 
-        .del {
-            font-size: 12px;
-            color: #a7a7a7;
-        }
+      .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);
+      }
     }
-    .adm-checkbox.adm-checkbox-checked .adm-checkbox-icon {
-        border-color: #000000;
-        background-color: #000000;
+
+    .del {
+      font-size: 12px;
+      color: #a7a7a7;
     }
+  }
+  .adm-checkbox.adm-checkbox-checked .adm-checkbox-icon {
+    border-color: #000000;
+    background-color: #000000;
+  }
 }

package/css/common/card.scss

@@ -1,53 +1,53 @@
 @import '../basic/textLine.scss';
 
 .card-item {
-    display: grid;
-    grid-template-columns: 80px 1fr;
-    gap: 7px;
-    margin-bottom: 12px;
+  display: grid;
+  grid-template-columns: 80px 1fr;
+  gap: 7px;
+  margin-bottom: 12px;
 
-    &-img {
-        width: 80px;
-        height: 80px;
-        border-radius: 8px;
-    }
+  &-img {
+    width: 80px;
+    height: 80px;
+    border-radius: 8px;
+  }
 
-    &-info {
-        &-container {
-            display: grid;
-            grid-template-columns: 1fr 60px;
-            grid-auto-flow: dense;
-            line-height: 18px;
+  &-info {
+    &-container {
+      display: grid;
+      grid-template-columns: 1fr 60px;
+      grid-auto-flow: dense;
+      line-height: 18px;
 
-            &-title {
-                @include titleLine(2);
-                font-size: 13px;
-            }
+      &-title {
+        @include titleLine(2);
+        font-size: 13px;
+      }
 
-            &-price {
-                font-size: 14px;
-                color: #333333;
-                font-weight: 600;
-                text-align: right;
-            }
-        }
+      &-price {
+        font-size: 14px;
+        color: #333333;
+        font-weight: 600;
+        text-align: right;
+      }
+    }
 
-        &-sub {
-            display: flex;
-            justify-content: space-between;
-            color: #999999;
-            font-size: 13px;
-            margin-bottom: 3px;
-        }
+    &-sub {
+      display: flex;
+      justify-content: space-between;
+      color: #999999;
+      font-size: 13px;
+      margin-bottom: 3px;
+    }
 
-        &-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;
-        }
+    &-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;
     }
+  }
 }

package/css/common/coupon.scss

@@ -1,95 +1,95 @@
 .couponItem {
+  width: 100%;
+  box-sizing: border-box;
+  display: inline-block;
+  padding: 10px;
+  position: relative;
+  background: radial-gradient(transparent 0px, transparent 4px, #1a1922 4px, #1a1922) -10px -10px;
+  background-size: 20px 20px;
+  margin-bottom: 14px;
+
+  &: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%;
-    box-sizing: border-box;
-    display: inline-block;
-    padding: 10px;
+    background: #1a1922;
+    display: grid;
+    grid-template-columns: 100px 1fr 50px;
     position: relative;
-    background: radial-gradient(transparent 0px, transparent 4px, #1a1922 4px, #1a1922) -10px -10px;
-    background-size: 20px 20px;
-    margin-bottom: 14px;
 
-    &: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;
+    .coupon-pick {
+      line-height: 30px;
+      height: 30px;
+      background: #bfa676;
+      color: #fff;
+      text-align: center;
+      border-radius: 12px;
+      margin-top: 32px;
     }
-
-    &:last-child {
-        margin-bottom: 0;
+    .coupon-pick-default {
+      line-height: 30px;
+      height: 30px;
+      background: #666;
+      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;
     }
 
-    .coupon-content {
-        height: 100px;
-        width: 100%;
-        background: #1a1922;
-        display: grid;
-        grid-template-columns: 100px 1fr 50px;
-        position: relative;
-
-        .coupon-pick {
-            line-height: 30px;
-            height: 30px;
-            background: #bfa676;
-            color: #fff;
-            text-align: center;
-            border-radius: 12px;
-            margin-top: 32px;
-        }
-        .coupon-pick-default {
-            line-height: 30px;
-            height: 30px;
-            background: #666;
-            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;
-            }
+    .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;
-            }
-        }
+      .num {
+        font-size: 12px;
+        color: #fff;
+        text-align: center;
+      }
+    }
 
-        .info {
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            flex-direction: column;
+    .info {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      flex-direction: column;
 
-            .title {
-                margin-bottom: 12px;
-                font-size: 16px;
-                color: #fff;
-                line-height: 22px;
-            }
+      .title {
+        margin-bottom: 12px;
+        font-size: 16px;
+        color: #fff;
+        line-height: 22px;
+      }
 
-            .date {
-                color: rgba(255, 255, 255, 0.45);
-            }
-        }
+      .date {
+        color: rgba(255, 255, 255, 0.45);
+      }
     }
+  }
 }

package/css/common/evaluateItem.scss

@@ -1,58 +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;
-            }
-        }
+  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%;
     }
 
-    .size {
-        font-size: 12px;
-        margin-bottom: 4px;
-    }
+    .userNameWrap {
+      text-align: left;
+      display: flex;
+      justify-content: center;
+      //align-items: center;
+      flex-direction: column;
 
-    .content {
-        font-size: 14px;
-        margin-bottom: 12px;
+      .userName {
+        //line-height: 38px;
+      }
     }
-
-    .img-group {
-        display: grid;
-        grid-template-columns: repeat(4, 1fr);
-        gap: 7px;
-
-        .img {
-            display: block;
-            border-radius: 4px;
-            width: 100%;
-        }
+  }
+
+  .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%;
     }
+  }
 }