s-material-react 2.2.34 → 2.2.36

package/css/pages/cube.scss

@@ -1,132 +1,132 @@
-/*一行两个*/
-
-.cube-type2 {
-  height: 200px;
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  gap: 10px;
-  & .outer-shadow {
-    box-shadow: 4px 4px 4px #969292;
-  }
-}
-/* 大图 */
-.outer-shadow {
-  box-shadow: 4px 4px 4px #969292;
-}
-/*一行三个*/
-
-.cube-type10 {
-  height: 200px;
-  display: grid;
-  grid-template-columns: repeat(3, 1fr);
-  & .outer-shadow {
-    box-shadow: 4px 4px 4px #969292;
-  }
-}
-/*一上二下*/
-
-.cube-type3 {
-  height: 400px;
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  grid-template-rows: repeat(2, 1fr);
-  gap: 10px;
-  & .outer-shadow {
-    box-shadow: 4px 4px 4px #969292;
-  }
-
-  & .block:nth-child(1) {
-    grid-area: 1 / 1 / 2 / 3;
-  }
-
-  & .block:nth-child(2) {
-    grid-area: 2 / 1 / 3 / 2;
-  }
-
-  & .block:nth-child(3) {
-    grid-area: 2 / 2 / 3 / 3;
-  }
-}
-
-/*一左二右*/
-
-.cube-type4 {
-  height: 400px;
-  display: grid;
-  gap: 10px;
-  grid-template-rows: repeat(2, 1fr);
-  grid-template-columns: repeat(2, 1fr);
-  & .outer-shadow {
-    box-shadow: 4px 4px 4px #969292;
-  }
-
-  & .block:nth-child(1) {
-    grid-row: 1 / 3;
-  }
-}
-
-/*田字形*/
-
-.cube-type5 {
-  height: 400px;
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  grid-template-rows: repeat(2, 1fr);
-  gap: 10px;
-  & .outer-shadow {
-    box-shadow: 4px 4px 4px #969292;
-  }
-  & .block:nth-child(1) {
-    grid-area: 1 / 1 / 2 / 2;
-  }
-
-  & .block:nth-child(2) {
-    grid-area: 1 / 2 / 2 / 3;
-  }
-
-  & .block:nth-child(3) {
-    grid-area: 2 / 1 / 3 / 2;
-  }
-
-  & .block:nth-child(4) {
-    grid-area: 2 / 2 / 3 / 3;
-  }
-}
-
-/*一左三右*/
-
-.cube-type6 {
-  height: 400px;
-  display: grid;
-  gap: 10px;
-  grid-template: repeat(2, 1fr) / repeat(3, 1fr);
-  & .outer-shadow {
-    box-shadow: 4px 4px 4px #969292;
-  }
-
-  & .block:nth-child(1) {
-    grid-row: 1 / 3;
-  }
-
-  & .block:nth-child(2) {
-    grid-row: 1 / 2;
-    grid-column: 2/4;
-  }
-  & .block:nth-child(3) {
-    grid-row: 2 / 3;
-    grid-column: 2/3;
-  }
-  & .block:nth-child(4) {
-    grid-row: 2 / 3;
-    grid-column: 3/4;
-  }
-}
-
-.block {
-  height: 100%;
-  width: 100%;
-  overflow: hidden;
-  background-size: cover;
-  background-repeat: no-repeat;
-  background-position: center center;
-}
+/*一行两个*/
+
+.cube-type2 {
+  height: 200px;
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 10px;
+  & .outer-shadow {
+    box-shadow: 4px 4px 4px #969292;
+  }
+}
+/* 大图 */
+.outer-shadow {
+  box-shadow: 4px 4px 4px #969292;
+}
+/*一行三个*/
+
+.cube-type10 {
+  height: 200px;
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  & .outer-shadow {
+    box-shadow: 4px 4px 4px #969292;
+  }
+}
+/*一上二下*/
+
+.cube-type3 {
+  height: 400px;
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-template-rows: repeat(2, 1fr);
+  gap: 10px;
+  & .outer-shadow {
+    box-shadow: 4px 4px 4px #969292;
+  }
+
+  & .block:nth-child(1) {
+    grid-area: 1 / 1 / 2 / 3;
+  }
+
+  & .block:nth-child(2) {
+    grid-area: 2 / 1 / 3 / 2;
+  }
+
+  & .block:nth-child(3) {
+    grid-area: 2 / 2 / 3 / 3;
+  }
+}
+
+/*一左二右*/
+
+.cube-type4 {
+  height: 400px;
+  display: grid;
+  gap: 10px;
+  grid-template-rows: repeat(2, 1fr);
+  grid-template-columns: repeat(2, 1fr);
+  & .outer-shadow {
+    box-shadow: 4px 4px 4px #969292;
+  }
+
+  & .block:nth-child(1) {
+    grid-row: 1 / 3;
+  }
+}
+
+/*田字形*/
+
+.cube-type5 {
+  height: 400px;
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-template-rows: repeat(2, 1fr);
+  gap: 10px;
+  & .outer-shadow {
+    box-shadow: 4px 4px 4px #969292;
+  }
+  & .block:nth-child(1) {
+    grid-area: 1 / 1 / 2 / 2;
+  }
+
+  & .block:nth-child(2) {
+    grid-area: 1 / 2 / 2 / 3;
+  }
+
+  & .block:nth-child(3) {
+    grid-area: 2 / 1 / 3 / 2;
+  }
+
+  & .block:nth-child(4) {
+    grid-area: 2 / 2 / 3 / 3;
+  }
+}
+
+/*一左三右*/
+
+.cube-type6 {
+  height: 400px;
+  display: grid;
+  gap: 10px;
+  grid-template: repeat(2, 1fr) / repeat(3, 1fr);
+  & .outer-shadow {
+    box-shadow: 4px 4px 4px #969292;
+  }
+
+  & .block:nth-child(1) {
+    grid-row: 1 / 3;
+  }
+
+  & .block:nth-child(2) {
+    grid-row: 1 / 2;
+    grid-column: 2/4;
+  }
+  & .block:nth-child(3) {
+    grid-row: 2 / 3;
+    grid-column: 2/3;
+  }
+  & .block:nth-child(4) {
+    grid-row: 2 / 3;
+    grid-column: 3/4;
+  }
+}
+
+.block {
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center center;
+}

package/css/pages/evaluateDetail.scss

@@ -1,173 +1,173 @@
-.evaluateDetail {
-  padding: 0 20px;
-
-  .topInfo {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 20px;
-    padding-top: 50px;
-
-    .lPart {
-      display: flex;
-      align-items: center;
-      flex: 1;
-
-      .img {
-        width: 80px;
-        height: 80px;
-        border-radius: 8px;
-        margin-right: 10px;
-      }
-
-      .goodsInfo {
-        flex: 1;
-
-        .goodsName {
-          font-size: 13px;
-          margin-bottom: 6px;
-        }
-
-        .goodsSize {
-          font-size: 13px;
-          color: #999;
-        }
-      }
-    }
-
-    .rPart {
-      .price {
-        font-weight: bold;
-      }
-    }
-  }
-
-  .rate {
-    display: flex;
-    padding-bottom: 20px;
-    border-bottom: 1px solid #ccc;
-
-    .title {
-      font-size: 15px;
-      margin-right: 10px;
-      font-weight: bold;
-    }
-  }
-
-  .evaluate {
-    padding-top: 20px;
-    .content {
-      width: 100%;
-    }
-  }
-
-  .evaluate-imgs {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 10px;
-    padding-top: 15px;
-
-    .evaluate-img {
-      width: 80px;
-      height: 80px;
-      object-fit: cover;
-    }
-  }
-
-  .btn {
-    width: 100%;
-    height: 40px;
-    line-height: 27px;
-    background-color: #34c0bc;
-    color: #fff;
-    border-radius: 40px;
-    box-sizing: border-box;
-    margin-bottom: 40px;
-  }
-
-  .upload-imgs {
-    padding: 20px 0;
-
-    .upload-title {
-      font-size: 14px;
-      color: #333;
-      margin-bottom: 12px;
-    }
-
-    .img-list {
-      display: flex;
-      flex-wrap: wrap;
-      gap: 10px;
-
-      .upload-btn {
-        width: 80px;
-        height: 80px;
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: center;
-        background-color: #f5f5f5;
-        border: 1px dashed #d9d9d9;
-        border-radius: 8px;
-
-        .upload-text {
-          font-size: 12px;
-          color: #999;
-          margin-top: 4px;
-        }
-      }
-
-      .img-item {
-        position: relative;
-        width: 80px;
-        height: 80px;
-
-        .preview-img {
-          width: 100%;
-          height: 100%;
-          border-radius: 8px;
-        }
-
-        .delete-btn {
-          position: absolute;
-          top: -8px;
-          right: -8px;
-          width: 20px;
-          height: 20px;
-          background-color: rgba(0, 0, 0, 0.6);
-          color: #fff;
-          border-radius: 50%;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          font-size: 14px;
-        }
-      }
-    }
-  }
-
-  .upload-popup-content {
-    padding: 20px;
-
-    .upload-popup-btn {
-      height: 50px;
-      line-height: 50px;
-      text-align: center;
-      background-color: #fff;
-      border-bottom: 1px solid #f0f0f0;
-      font-size: 16px;
-      color: #333;
-    }
-
-    .upload-popup-cancel {
-      height: 50px;
-      line-height: 50px;
-      text-align: center;
-      background-color: #f5f5f5;
-      border-radius: 8px;
-      margin-top: 10px;
-      font-size: 16px;
-      color: #666;
-    }
-  }
-}
+.evaluateDetail {
+  padding: 0 20px;
+
+  .topInfo {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 20px;
+    padding-top: 50px;
+
+    .lPart {
+      display: flex;
+      align-items: center;
+      flex: 1;
+
+      .img {
+        width: 80px;
+        height: 80px;
+        border-radius: 8px;
+        margin-right: 10px;
+      }
+
+      .goodsInfo {
+        flex: 1;
+
+        .goodsName {
+          font-size: 13px;
+          margin-bottom: 6px;
+        }
+
+        .goodsSize {
+          font-size: 13px;
+          color: #999;
+        }
+      }
+    }
+
+    .rPart {
+      .price {
+        font-weight: bold;
+      }
+    }
+  }
+
+  .rate {
+    display: flex;
+    padding-bottom: 20px;
+    border-bottom: 1px solid #ccc;
+
+    .title {
+      font-size: 15px;
+      margin-right: 10px;
+      font-weight: bold;
+    }
+  }
+
+  .evaluate {
+    padding-top: 20px;
+    .content {
+      width: 100%;
+    }
+  }
+
+  .evaluate-imgs {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px;
+    padding-top: 15px;
+
+    .evaluate-img {
+      width: 80px;
+      height: 80px;
+      object-fit: cover;
+    }
+  }
+
+  .btn {
+    width: 100%;
+    height: 40px;
+    line-height: 27px;
+    background-color: #34c0bc;
+    color: #fff;
+    border-radius: 40px;
+    box-sizing: border-box;
+    margin-bottom: 40px;
+  }
+
+  .upload-imgs {
+    padding: 20px 0;
+
+    .upload-title {
+      font-size: 14px;
+      color: #333;
+      margin-bottom: 12px;
+    }
+
+    .img-list {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 10px;
+
+      .upload-btn {
+        width: 80px;
+        height: 80px;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        background-color: #f5f5f5;
+        border: 1px dashed #d9d9d9;
+        border-radius: 8px;
+
+        .upload-text {
+          font-size: 12px;
+          color: #999;
+          margin-top: 4px;
+        }
+      }
+
+      .img-item {
+        position: relative;
+        width: 80px;
+        height: 80px;
+
+        .preview-img {
+          width: 100%;
+          height: 100%;
+          border-radius: 8px;
+        }
+
+        .delete-btn {
+          position: absolute;
+          top: -8px;
+          right: -8px;
+          width: 20px;
+          height: 20px;
+          background-color: rgba(0, 0, 0, 0.6);
+          color: #fff;
+          border-radius: 50%;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          font-size: 14px;
+        }
+      }
+    }
+  }
+
+  .upload-popup-content {
+    padding: 20px;
+
+    .upload-popup-btn {
+      height: 50px;
+      line-height: 50px;
+      text-align: center;
+      background-color: #fff;
+      border-bottom: 1px solid #f0f0f0;
+      font-size: 16px;
+      color: #333;
+    }
+
+    .upload-popup-cancel {
+      height: 50px;
+      line-height: 50px;
+      text-align: center;
+      background-color: #f5f5f5;
+      border-radius: 8px;
+      margin-top: 10px;
+      font-size: 16px;
+      color: #666;
+    }
+  }
+}