feat: 调整了目录结构

src/pages/ChatMain/ChatQuickAccess/index.vue

@@ -0,0 +1,65 @@
+<template>
+  <view class="quick-access flex flex-row ml-12 pt-8 pb-8 scroll-x whitespace-nowrap">
+    <view class="item border-box rounded-50 flex flex-row items-center" v-for="(item, index) in itemList" :key="index"
+      @click="sendReply(item)">
+      <view class="flex items-center justify-center">
+        <image v-if="item.icon" class="icon" :src="item.icon" />
+        <text class="font-size-14 theme-color-500 line-height-20">
+          {{ item.title }}
+        </text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { ref } from "vue";
+import { Command } from "@/model/ChatModel";
+import { SEND_MESSAGE_COMMAND_TYPE } from "@/constant/constant";
+import { checkToken } from "@/hooks/useGoLogin";
+
+const itemList = ref([
+  {
+    icon: "",
+    title: "快速预定",
+    type: Command.quickBooking,
+  },
+  {
+    icon: "",
+    title: "探索发现",
+    type: Command.discovery,
+  },
+  {
+    icon: "",
+    title: "呼叫服务",
+    type: Command.callServiceCard,
+  },
+  {
+    icon: "https://oss.nianxx.cn/mp/static/version_101/home/more.png",
+    title: "更多",
+    type: Command.more,
+  },
+]);
+
+const sendReply = (item) => {
+  // 更多服务
+  if (item.type === Command.more) {
+    uni.$emit("SHOW_MORE_POPUP");
+    return;
+  }
+
+  // 快速预定
+  if (item.type === Command.quickBooking) {
+    checkToken().then(() => {
+      uni.navigateTo({ url: "/pages-quick/list" });
+    });
+    return;
+  }
+
+  uni.$emit(SEND_MESSAGE_COMMAND_TYPE, item);
+};
+</script>
+
+<style lang="scss" scoped>
+@import "./styles/index.scss";
+</style>

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

@@ -0,0 +1,15 @@
+.quick-access {
+  gap: 0 9px;
+}
+
+.item {
+  border: 1px solid #fff;
+  background-color: rgba(255, 255, 255, 0.5);
+  padding: 4px 12px;
+}
+
+.icon {
+  width: 20px;
+  height: 20px;
+  margin-right: 2px;
+}