feat: 调整了目录结构

src/pages/ChatMain/ChatMoreTips/index.vue

@@ -0,0 +1,38 @@
+<template>
+  <view class="more-tips bg-white border-box">
+    <view class="font-size-0 whitespace-nowrap scroll-x">
+      <view
+        class="more-tips-item border-box inline-block mr-8"
+        v-for="(item, index) in guideWords"
+        :key="index"
+      >
+        <text
+          :class="['font-500 font-size-12 text-center', `color-${index}`]"
+          @click="sendReply(item)"
+        >
+          {{ item }}
+        </text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { SEND_MESSAGE_CONTENT_TEXT } from "@/constant/constant";
+import { defineProps } from "vue";
+
+defineProps({
+  guideWords: {
+    type: Array,
+    default: [],
+  },
+});
+
+const sendReply = (item) => {
+  uni.$emit(SEND_MESSAGE_CONTENT_TEXT, item);
+};
+</script>
+
+<style lang="scss" scoped>
+@import "./styles/index.scss";
+</style>

src/pages/ChatMain/ChatMoreTips/styles/index.scss

@@ -0,0 +1,44 @@
+.more-tips {
+  box-shadow: 0px -1px 10px 0px rgba(0, 0, 0, 0.03);
+  border-radius: 0px 0px 20px 20px;
+  padding: 12px 0 12px 12px;
+
+  .more-tips-item {
+    background: #f7f7f7;
+    border-radius: 5px;
+    box-sizing: border-box;
+    padding: 6px 8px;
+
+    &:last-child {
+      margin-right: 12px;
+    }
+  }
+}
+
+.color-0 {
+  color: #47c2ff;
+}
+
+.color-1 {
+  color: #fb3748;
+}
+
+.color-2 {
+  color: #1fc16b;
+}
+
+.color-3 {
+  color: #f6b51e;
+}
+
+.color-4 {
+  color: #7d52f4;
+}
+
+.color-5 {
+  color: #fb4ba3;
+}
+
+.color-6 {
+  color: #22d3bb;
+}