feat: Conversations封装、首页开发

src/styles/components/chat-sender.scss

@@ -0,0 +1,37 @@
+.ant-sender {
+  border-radius: 8px;
+  border: 1px solid var(--Border-2, #e6e6e8);
+  background: var(--BG-White, #fff);
+  box-shadow: none;
+  transition: all 0.3s;
+  &::after {
+    display: none;
+  }
+  .ant-sender-content {
+    height: 100%;
+    padding: 14px 8px 8px 16px;
+    .ant-input {
+      font-family: $font-family-regular;
+      color: #211f24;
+      height: 100% !important;
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 22px;
+      &::placeholder {
+        color: #939499;
+      }
+    }
+  }
+  &:hover {
+    border: 1px solid var(--Brand-6, #6d4cfe);
+    box-shadow: 0 8px 16px 0 rgba(109, 76, 254, 0.15);
+  }
+  &:focus-within {
+    border-color: #6d4cfe;
+    box-shadow: 0 8px 16px 0 rgba(109, 76, 254, 0.15);
+    .ant-input {
+      caret-color: #6d4cfe;
+    }
+  }
+}

src/styles/components/index.scss

@@ -9,4 +9,5 @@
 @import "./date-picker.scss";
 @import "./button.scss";
 @import "./steps.scss";
-@import "./form.scss";
+@import "./form.scss";
+@import "./chat-sender.scss";