feat: 首页主题样式调整

src/pages/index/components/chat/ChatQuickAccess/index.vue

@@ -1,22 +1,18 @@
 <template>
-  <view class="quick-access">
-    <view class="quick-access-scroll">
-      <view
-        class="quick-access-item"
-        v-for="(item, index) in itemList"
-        :key="index"
-        @click="sendReply(item)"
-      >
-        <image
-          class="quick-access-item-bg"
-          src="https://oss.nianxx.cn/mp/static/quick/quick_icon_bg.png"
-          mode="aspectFill"
-        />
-        <view class="quick-access-item-title">
-          <image class="quick-access-item-icon" :src="item.icon" />
-          <text>{{ item.title }}</text>
-        </view>
-        <text class="quick-access-item-content">{{ item.content }}</text>
+  <view
+    class="quick-access border-box flex flex-nowrap items-center ml-20 pt-8 pb-8"
+  >
+    <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 color-2D91FF line-height-20">
+          {{ item.title }}
+        </text>
       </view>
     </view>
   </view>
@@ -25,7 +21,25 @@
 <script setup>
 import { onMounted, ref } from "vue";
 import { currentClientType, ClientType } from "@/constant/base";
-const itemList = ref([]);
+
+const itemList = ref([
+  {
+    icon: "",
+    title: "快速预定",
+  },
+  {
+    icon: "",
+    title: "探索发现",
+  },
+  {
+    icon: "",
+    title: "反馈意见",
+  },
+  {
+    icon: "https://oss.nianxx.cn/mp/static/version_101/home/more.png",
+    title: "更多",
+  },
+]);
 
 const emits = defineEmits(["replySent"]);
 
@@ -33,9 +47,9 @@ const sendReply = (item) => {
   emits("replySent", item); // 向父组件传递数据
 };
 
-onMounted(() => {
-  initData();
-});
+// onMounted(() => {
+//   initData();
+// });
 
 const initData = () => {
   itemList.value =
@@ -43,24 +57,28 @@ const initData = () => {
       ? [
           {
             icon: "https://oss.nianxx.cn/mp/static/quick/quick_icon_yuding.png",
+            showIcon: false,
             title: "快速预定",
             content: "预定门票、房间、餐食",
             type: "Command.quickBooking",
           },
           {
             icon: "https://oss.nianxx.cn/mp/static/quick/quick_icon_find.png",
+            showIcon: false,
             title: "探索发现",
             content: "探索玩法、出片佳地",
             type: "Command.discovery",
           },
           {
             icon: "https://oss.nianxx.cn/mp/static/quick/quick_icon_call.png",
+            showIcon: false,
             title: "反馈意见",
             content: "有意见告诉沐沐",
             type: "Command.feedbackCard",
           },
           {
             icon: "https://oss.nianxx.cn/mp/static/quick/quick_icon_order.png",
+            showIcon: false,
             title: "订单/工单",
             content: "我的订单/工单",
             type: "MyOrder",
@@ -69,24 +87,28 @@ const initData = () => {
       : [
           {
             icon: "https://oss.nianxx.cn/mp/static/quick/quick_icon_yuding.png",
+            showIcon: false,
             title: "快速预定",
             content: "预定门票、房间、餐食",
             type: "Command.quickBooking",
           },
           {
             icon: "https://oss.nianxx.cn/mp/static/quick/quick_icon_find.png",
+            showIcon: false,
             title: "探索发现",
             content: "探索玩法、出片佳地",
             type: "Command.discovery",
           },
           {
             icon: "https://oss.nianxx.cn/mp/static/quick/quick_icon_order.png",
+            showIcon: false,
             title: "订单/工单",
             content: "我的订单/工单",
             type: "MyOrder",
           },
           {
             icon: "https://oss.nianxx.cn/mp/static/quick/quick_icon_call.png",
+            showIcon: false,
             title: "反馈意见",
             content: "有意见告诉朵朵",
             type: "Command.feedbackCard",