feat: 组件样式分离

2025-09-14 10:56:26 +08:00
parent 9e931e0a1f
commit 41a8ac7a13
3 changed files with 78 additions and 73 deletions
--- a/pages/chat/styles/ChatQuickAccess.scss
+++ b/pages/chat/styles/ChatQuickAccess.scss
@@ -0,0 +1,70 @@
+.quick-access {
+  width: 100%;
+
+  &-scroll {
+    display: flex;
+    flex-direction: row;
+    overflow-x: auto;
+    white-space: nowrap;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .quick-access-item {
+    flex: 0 0 104px;
+    border-radius: 8px;
+    margin: 4px 4px 8px 4px;
+    box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.1);
+    padding: 12px;
+    display: inline-flex;
+    flex-direction: column;
+    position: relative;
+
+    &:first-child {
+      margin-left: 12px;
+    }
+
+    &:last-child {
+      margin-right: 12px;
+    }
+
+    .quick-access-item-bg {
+      position: absolute;
+      top: 0;
+      left: 0;
+      z-index: 0;
+      border-radius: 8px;
+      width: 128px;
+      height: 56px;
+    }
+
+    .quick-access-item-title {
+      display: flex;
+      align-items: center;
+      z-index: 1;
+
+      image {
+        width: 16px;
+        height: 16px;
+        margin-right: 4px;
+      }
+
+      text {
+        font-family: PingFang SC, PingFang SC;
+        font-weight: 500;
+        font-size: 12px;
+        color: #201f32;
+        line-height: 16px;
+      }
+    }
+
+    .quick-access-item-content {
+      z-index: 1;
+      margin-top: 4px;
+      font-family: PingFang SC, PingFang SC;
+      font-weight: 400;
+      font-size: 10px;
+      color: #678cad;
+      line-height: 18px;
+    }
+  }
+}