s-material-react 2.2.31 → 2.2.32

package/css/pages/searchStyleTwo.scss

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

package/css/pages/service.scss

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

package/css/pages/signinDetail.scss

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

package/css/pages/slider.scss

@@ -0,0 +1,78 @@
+.slider-block {
+  height: 100vh;
+  width: 100%;
+  overflow: hidden;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center center;
+}
+
+swiper-item {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.pc {
+  height: 600px;
+  width: 100%;
+  overflow: hidden;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center center;
+}
+.outer-shadow {
+  box-shadow: 4px 4px 4px #969292;
+}
+.silder-title {
+  width: 100%;
+  min-height: 25px;
+  // max-height:50px;
+  padding: 5px 0px;
+  height: auto;
+  display: flex;
+  align-items: center;
+}
+.silder-weight {
+  font-weight: 600;
+}
+.silder-italic {
+  font-style: italic;
+}
+.silder-decoration {
+  text-decoration: underline;
+}
+//水平顶部
+.silder-tops {
+  position: absolute;
+  top: 0;
+  height: 30px;
+}
+//垂直顶部
+.silder-tops1 {
+  position: absolute;
+  top: 0;
+  height: 30px;
+}
+
+.silder-bottoms1 {
+  position: absolute;
+  bottom: 0;
+  height: 30px;
+}
+.silder-bottoms {
+  position: absolute;
+  bottom: 0;
+  height: 30px;
+}
+.paddingbtm {
+  padding-bottom: 30px;
+}
+.imgHeights {
+  .adm-swiper-indicator {
+    bottom: 76px !important;
+  }
+  .wx-swiper-dots.wx-swiper-dots-horizontal {
+    margin-bottom: 100rpx;
+  }
+}

package/css/pages/title.scss

@@ -0,0 +1,6 @@
+.components-title {
+  word-break: break-all;
+  display: flex;
+  justify-content: space-between;
+  padding-right: 10px;
+}

package/css/theme/regular.scss

@@ -0,0 +1,2 @@
+// 基础文字颜色
+$fontColor: #1c253a;

package/css/variables/default.scss

@@ -0,0 +1,55 @@
+/**
+ * Default variables
+ */
+
+/* The Color of O2Team Brand */
+$color-brand: #6190e8 !default;
+$color-brand-light: #78a4f4 !default;
+$color-brand-dark: #346fc2 !default;
+
+/* Color */
+$color-success: #13ce66 !default;
+$color-error: #ff4949 !default;
+$color-warning: #ffc82c !default;
+$color-info: #78a4fa !default;
+
+/* Color Palette */
+$color-black-0: #000 !default;
+$color-black-1: #333 !default;
+$color-black-2: #7f7f7f !default;
+$color-black-3: #b2b2b2 !default;
+
+$color-grey-0: #333 !default;
+$color-grey-1: #666 !default;
+$color-grey-2: #999 !default;
+$color-grey-3: #ccc !default;
+$color-grey-4: #e5e5e5 !default;
+$color-grey-5: #f0f0f0 !default;
+$color-grey-6: #f7f7f7 !default;
+
+$color-white: #fff !default;
+
+/* Text Color */
+$color-text-base: #333 !default; // 文字的基本色
+$color-text-base-inverse: #fff !default; // 反色
+$color-text-secondary: #36d57d !default; // 辅助色
+$color-text-placeholder: #c9c9c9 !default;
+$color-text-disabled: #ccc !default;
+$color-text-title: #2c405a !default; // 文章标题
+$color-text-paragraph: #3f536e !default; // 文章段落
+
+/* Link */
+$color-link: #6190e8 !default;
+$color-link-hover: #79a1eb !default;
+$color-link-active: #4f7de2 !default;
+$color-link-disabled: #bfbfbf !default;
+
+/* 背景色 */
+$color-bg: #fff !default;
+$color-bg-base: #fafbfc !default;
+$color-bg-light: #ecf5fd !default;
+$color-bg-grey: #f7f7f7 !default;
+
+/* Loading */
+$at-loading-size: 18px !default;
+$at-loading-color: $color-brand !default;