s-material-react 2.2.46 → 2.2.48

package/css/pages/searchPage.scss

@@ -1,78 +1,78 @@
-.searchPage {
-  .search-title {
-    padding: 10px 15px 5px 15px;
-    width: 100%;
-    box-sizing: border-box;
-    border-bottom: 1px solid #ececec;
-    display: grid;
-    grid-template-columns: 28px 1fr 40px;
-
-    img {
-      width: 18px;
-      height: 18px;
-      margin-right: 10px;
-      display: block;
-      margin-top: 7px;
-    }
-
-    .content {
-      height: 34px;
-      line-height: 34px;
-      border: 0 none;
-      background: transparent;
-    }
-
-    .btn {
-      background-color: #34c0bc;
-      color: #fff;
-      font-size: 14px;
-      width: 40px;
-      text-align: center;
-      height: 34px;
-      line-height: 34px;
-    }
-  }
-
-  .historyWrap {
-    .title {
-      height: 61px;
-      line-height: 61px;
-      display: flex;
-      justify-content: space-between;
-      padding: 0 10px;
-
-      .label {
-        // font-size: 15px;
-        // color: #666;
-
-        .icon {
-          display: inline-block;
-          width: 2px;
-          height: 8px;
-          background-color: #666;
-          margin-right: 9px;
-        }
-      }
-
-      .clear {
-        font-size: 12px;
-        color: #666;
-      }
-    }
-
-    .content {
-      padding: 0 10px;
-      .historyItem {
-        height: 24px;
-        line-height: 24px;
-        background-color: #f9f9f9;
-        color: #666;
-        margin-right: 10px;
-        margin-bottom: 10px;
-        display: inline-block;
-        padding: 2px 20px;
-        border-radius: 10px;
-      }
-    }
-  }
-}
+.searchPage {
+  .search-title {
+    padding: 10px 15px 5px 15px;
+    width: 100%;
+    box-sizing: border-box;
+    border-bottom: 1px solid #ececec;
+    display: grid;
+    grid-template-columns: 28px 1fr 40px;
+
+    img {
+      width: 18px;
+      height: 18px;
+      margin-right: 10px;
+      display: block;
+      margin-top: 7px;
+    }
+
+    .content {
+      height: 34px;
+      line-height: 34px;
+      border: 0 none;
+      background: transparent;
+    }
+
+    .btn {
+      background-color: #34c0bc;
+      color: #fff;
+      font-size: 14px;
+      width: 40px;
+      text-align: center;
+      height: 34px;
+      line-height: 34px;
+    }
+  }
+
+  .historyWrap {
+    .title {
+      height: 61px;
+      line-height: 61px;
+      display: flex;
+      justify-content: space-between;
+      padding: 0 10px;
+
+      .label {
+        // font-size: 15px;
+        // color: #666;
+
+        .icon {
+          display: inline-block;
+          width: 2px;
+          height: 8px;
+          background-color: #666;
+          margin-right: 9px;
+        }
+      }
+
+      .clear {
+        font-size: 12px;
+        color: #666;
+      }
+    }
+
+    .content {
+      padding: 0 10px;
+      .historyItem {
+        height: 24px;
+        line-height: 24px;
+        background-color: #f9f9f9;
+        color: #666;
+        margin-right: 10px;
+        margin-bottom: 10px;
+        display: inline-block;
+        padding: 2px 20px;
+        border-radius: 10px;
+      }
+    }
+  }
+}

package/css/pages/searchStyleTwo.scss

@@ -1,23 +1,23 @@
-.boxPosition {
-  position: sticky;
-  top: 0;
-  padding-top: 0 !important;
-  z-index: 99;
-}
-.search2-weight {
-  font-weight: 600;
-}
-.search2-italic {
-  font-style: italic;
-}
-.search2-decoration {
-  text-decoration: underline;
-}
-.searchBtn {
-  width: 20%;
-  height: 100%;
-}
-.btnBorderRadius {
-  border-bottom-right-radius: 20px;
-  border-top-right-radius: 20px;
-}
+.boxPosition {
+  position: sticky;
+  top: 0;
+  padding-top: 0 !important;
+  z-index: 99;
+}
+.search2-weight {
+  font-weight: 600;
+}
+.search2-italic {
+  font-style: italic;
+}
+.search2-decoration {
+  text-decoration: underline;
+}
+.searchBtn {
+  width: 20%;
+  height: 100%;
+}
+.btnBorderRadius {
+  border-bottom-right-radius: 20px;
+  border-top-right-radius: 20px;
+}

package/css/pages/service.scss

@@ -1,4 +1,4 @@
-.components-service {
-  background-color: red;
-  position: absolute;
-}
+.components-service {
+  background-color: red;
+  position: absolute;
+}

package/css/pages/signinDetail.scss

@@ -1,168 +1,168 @@
-.signinDetail {
-  background-color: #ffffff;
-  padding: 20px 15px;
-  box-sizing: border-box;
-
-  // 上面：标题和日期选择
-  .signinDetailHeader {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 20px;
-
-    .titleText {
-      font-size: 18px;
-      font-weight: 500;
-      color: #232323;
-    }
-
-    .dateSelector {
-      display: flex;
-      align-items: center;
-      gap: 6px;
-      padding: 6px 12px;
-      cursor: pointer;
-      border-radius: 4px;
-      transition: background-color 0.3s;
-
-      &:active {
-        background-color: #f5f5f5;
-      }
-
-      .dateText {
-        font-size: 15px;
-        color: #232323;
-      }
-
-      .arrowIcon {
-        font-size: 12px;
-        color: #999999;
-        transition: transform 0.3s;
-      }
-    }
-  }
-
-  // 下面：签到明细列表
-  .signinDetailList {
-    .signinDetailItem {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      padding: 15px 0;
-      border-bottom: 1px solid #f0f0f0;
-
-      &:last-child {
-        border-bottom: none;
-      }
-
-      .dateText {
-        font-size: 15px;
-        color: #232323;
-      }
-
-      .pointsText {
-        font-size: 15px;
-        font-weight: 500;
-        // 颜色在组件中动态设置
-      }
-    }
-
-    .emptyState {
-      padding: 40px 0;
-      text-align: center;
-
-      .emptyText {
-        font-size: 14px;
-        color: #999999;
-      }
-    }
-  }
-
-  // 年月选择器弹窗
-  .datePickerPopup {
-    background-color: #ffffff;
-    border-radius: 16px 16px 0 0;
-    max-height: 60vh;
-    display: flex;
-    flex-direction: column;
-
-    .pickerContent {
-      padding: 10px 20px 30px 20px;
-      display: flex;
-      flex-direction: column;
-
-      // 上面：年份选择
-      .yearSelector {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        padding: 10px 0;
-
-        .yearArrow {
-          width: 40px;
-          height: 40px;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          cursor: pointer;
-          border-radius: 4px;
-          transition: background-color 0.3s;
-
-          &:active {
-            background-color: #f5f5f5;
-          }
-
-          .arrowText {
-            font-size: 20px;
-            color: #666666;
-            font-weight: bold;
-          }
-        }
-
-        .yearText {
-          font-size: 18px;
-          font-weight: 500;
-          color: #232323;
-        }
-      }
-
-      // 下面：月份选择（4排3列网格）
-      .monthGrid {
-        display: grid;
-        grid-template-columns: repeat(3, 1fr);
-        grid-template-rows: repeat(4, 1fr);
-        gap: 12px;
-
-        .monthItem {
-          height: 50px;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          border-radius: 8px;
-          cursor: pointer;
-          transition: all 0.3s;
-          background-color: #ffffff;
-
-          &:active {
-            background-color: #f5f5f5;
-          }
-
-          &.active {
-            // 背景色在组件中动态设置
-
-            .monthText {
-              color: #ffffff;
-              font-weight: 500;
-            }
-          }
-
-          .monthText {
-            font-size: 16px;
-            color: #232323;
-            transition: color 0.3s;
-          }
-        }
-      }
-    }
-  }
-}
+.signinDetail {
+  background-color: #ffffff;
+  padding: 20px 15px;
+  box-sizing: border-box;
+
+  // 上面：标题和日期选择
+  .signinDetailHeader {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 20px;
+
+    .titleText {
+      font-size: 18px;
+      font-weight: 500;
+      color: #232323;
+    }
+
+    .dateSelector {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      padding: 6px 12px;
+      cursor: pointer;
+      border-radius: 4px;
+      transition: background-color 0.3s;
+
+      &:active {
+        background-color: #f5f5f5;
+      }
+
+      .dateText {
+        font-size: 15px;
+        color: #232323;
+      }
+
+      .arrowIcon {
+        font-size: 12px;
+        color: #999999;
+        transition: transform 0.3s;
+      }
+    }
+  }
+
+  // 下面：签到明细列表
+  .signinDetailList {
+    .signinDetailItem {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 15px 0;
+      border-bottom: 1px solid #f0f0f0;
+
+      &:last-child {
+        border-bottom: none;
+      }
+
+      .dateText {
+        font-size: 15px;
+        color: #232323;
+      }
+
+      .pointsText {
+        font-size: 15px;
+        font-weight: 500;
+        // 颜色在组件中动态设置
+      }
+    }
+
+    .emptyState {
+      padding: 40px 0;
+      text-align: center;
+
+      .emptyText {
+        font-size: 14px;
+        color: #999999;
+      }
+    }
+  }
+
+  // 年月选择器弹窗
+  .datePickerPopup {
+    background-color: #ffffff;
+    border-radius: 16px 16px 0 0;
+    max-height: 60vh;
+    display: flex;
+    flex-direction: column;
+
+    .pickerContent {
+      padding: 10px 20px 30px 20px;
+      display: flex;
+      flex-direction: column;
+
+      // 上面：年份选择
+      .yearSelector {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 10px 0;
+
+        .yearArrow {
+          width: 40px;
+          height: 40px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          cursor: pointer;
+          border-radius: 4px;
+          transition: background-color 0.3s;
+
+          &:active {
+            background-color: #f5f5f5;
+          }
+
+          .arrowText {
+            font-size: 20px;
+            color: #666666;
+            font-weight: bold;
+          }
+        }
+
+        .yearText {
+          font-size: 18px;
+          font-weight: 500;
+          color: #232323;
+        }
+      }
+
+      // 下面：月份选择（4排3列网格）
+      .monthGrid {
+        display: grid;
+        grid-template-columns: repeat(3, 1fr);
+        grid-template-rows: repeat(4, 1fr);
+        gap: 12px;
+
+        .monthItem {
+          height: 50px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          border-radius: 8px;
+          cursor: pointer;
+          transition: all 0.3s;
+          background-color: #ffffff;
+
+          &:active {
+            background-color: #f5f5f5;
+          }
+
+          &.active {
+            // 背景色在组件中动态设置
+
+            .monthText {
+              color: #ffffff;
+              font-weight: 500;
+            }
+          }
+
+          .monthText {
+            font-size: 16px;
+            color: #232323;
+            transition: color 0.3s;
+          }
+        }
+      }
+    }
+  }
+}