feat: 样式的调整

components/ModuleTitle/styles/index.scss

@@ -2,12 +2,11 @@
   position: relative;
   padding: 6px 2px 2px;
   display: inline-block;
-
 }
 
 .module-title {
   font-size: 18px;
-  font-family: DingTalk JinBuTi, DingTalk JinBuTi;
+  font-family: PingFang SC, PingFang SC;
   color: #000;
   position: relative;
   z-index: 1;

pages/chat/ChatCardAI.vue

@@ -2,8 +2,14 @@
   <view class="container">
     <view class="chat-ai">
       <view class="loading-container">
-                <image v-if="isLoading" class="loading-img" src="/static/msg_loading.svg" />
+        <image
+          v-if="isLoading"
+          class="loading-img"
+          src="/static/msg_loading.svg"
+        />
+        <!-- <loading v-if="isLoading" /> -->
         <ChatMarkdown :key="textKey" :text="processedText" />
+        <DotLoading v-if="isLoading" />
       </view>
       <slot name="content"></slot>
     </view>
@@ -14,6 +20,8 @@
 <script setup>
 import { defineProps, computed, ref, watch } from "vue";
 import ChatMarkdown from "./ChatMarkdown.vue";
+import loading from "@/pages/loading/loading.vue";
+import DotLoading from "@/pages/loading/DotLoading.vue";
 
 const props = defineProps({
   text: {
@@ -68,8 +76,8 @@ watch(
   .chat-ai {
     margin: 6px 12px;
     padding: 0 12px;
-
+    max-width: 100%; // ✅ 限制最大宽度
-        min-width: 90px;
+    min-width: 100px;
     background: rgba(255, 255, 255, 0.4);
     box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.1);
     border-radius: 4px 20px 20px 20px;
@@ -82,6 +90,7 @@ watch(
   display: flex;
   align-items: center;
   padding: 4px 0;
+  max-width: 100%; // ✅ 限制最大宽度
 }
 
 .loading-img {
@@ -89,5 +98,4 @@ watch(
   width: 32px;
   height: 32px;
 }
-
 </style>

pages/chat/ChatCardMine.vue

@@ -10,10 +10,9 @@
 defineProps({
   text: {
     type: String,
-	    default: ''
+    default: "",
-	  }
+  },
-	})
+});
-	
 </script>
 
 <style lang="scss" scoped>
@@ -21,11 +20,11 @@
   margin: 6px 12px;
   padding: 8px 16px;
 
-		background-color: #00A6FF;
+  background-color: #00a6ff;
   box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.1);
   border-radius: 20px 4px 20px 20px;
   border: 1px solid;
-		border-color: #FFFFFF;
+  border-color: #ffffff;
 
   display: flex;
   flex-direction: column;
@@ -35,8 +34,8 @@
   text {
     font-family: PingFang SC, PingFang SC;
     font-weight: 400;
-			font-size: 14px;
+    font-size: 15px;
-			color: #FFFFFF;
+    color: #ffffff;
     line-height: 22px;
     text-align: justify;
     font-style: normal;

pages/chat/ChatCardOther.vue

@@ -10,9 +10,9 @@
 defineProps({
   text: {
     type: String,
-	    default: ''
+    default: "",
-	  }
+  },
-	})
+});
 </script>
 
 <style lang="scss" scoped>
@@ -31,6 +31,5 @@
     font-size: 14px;
     color: #333333;
   }
-		
 }
 </style>

pages/chat/ChatInputArea.vue

@@ -3,10 +3,7 @@
     <view v-if="!visibleWaveBtn" class="area-input">
       <!-- 语音/键盘切换 -->
       <view class="input-container-voice" @click="toggleVoiceMode">
-                <image
+        <image v-if="!isVoiceMode" src="/static/input_voice_icon.png"></image>
-                    v-if="!isVoiceMode"
-                    src="/static/input_voice_icon.png"
-                ></image>
         <image v-else src="/static/input_keyboard_icon.png"></image>
       </view>
 

pages/chat/ChatMainList.vue

@@ -20,6 +20,8 @@
         scroll-y
         :scroll-with-animation="true"
         class="area-msg-list"
+        @scroll="handleScroll"
+        @scrolltolower="handleScrollToLower"
       >
         <!-- welcome栏 -->
         <ChatTopWelcome
@@ -38,9 +40,7 @@
           <template v-if="item.msgType === MessageRole.AI">
             <ChatCardAI
               class="message-item-ai"
-                            :key="`ai-${item.msgId}-${
+              :key="`ai-${item.msgId}-${item.msg ? item.msg.length : 0}`"
-                                item.msg ? item.msg.length : 0
-                            }`"
               :text="item.msg || ''"
               ,
               :isLoading="item.isLoading"
@@ -48,26 +48,21 @@
               <template #content v-if="item.toolCall">
                 <QuickBookingComponent
                   v-if="
-                                        item.toolCall.componentName ===
+                    item.toolCall.componentName === CompName.quickBookingCard
-                                        CompName.quickBookingCard
                   "
                 />
                 <DiscoveryCardComponent
                   v-else-if="
-                                        item.toolCall.componentName ===
+                    item.toolCall.componentName === CompName.discoveryCard
-                                        CompName.discoveryCard
                   "
                 />
                 <CreateServiceOrder
                   v-else-if="
-                                        item.toolCall.componentName ===
+                    item.toolCall.componentName === CompName.createWorkOrderCard
-                                        CompName.createWorkOrderCard
                   "
                 />
                 <DetailCardCompontent
-                                    v-else-if="
+                  v-else-if="item.toolCall.componentName === ''"
-                                        item.toolCall.componentName === ''
-                                    "
                   :toolCall="item.toolCall"
                 />
               </template>
@@ -84,18 +79,12 @@
           </template>
 
           <template v-else-if="item.msgType === MessageRole.ME">
-                        <ChatCardMine
+            <ChatCardMine class="message-item-mine" :text="item.msg">
-                            class="message-item-mine"
-                            :text="item.msg"
-                        >
             </ChatCardMine>
           </template>
 
           <template v-else>
-                        <ChatCardOther
+            <ChatCardOther class="message-item-other" :text="item.msg">
-                            class="message-item-other"
-                            :text="item.msg"
-                        >
               <ChatMoreTips
                 @replySent="handleReply"
                 :itemList="mainPageDataModel.guideWords"
@@ -107,12 +96,8 @@
               />
 
               <RecommendPostsComponent
-                                v-if="
+                v-if="mainPageDataModel.recommendTheme.length > 0"
-                                    mainPageDataModel.recommendTheme.length > 0
+                :recommendThemeList="mainPageDataModel.recommendTheme"
-                                "
-                                :recommendThemeList="
-                                    mainPageDataModel.recommendTheme
-                                "
               />
             </ChatCardOther>
           </template>
@@ -189,6 +174,9 @@ const isKeyboardShow = ref(false);
 ///（控制滚动位置）
 const scrollTop = ref(99999);
 
+// 用户滚动状态控制
+const isUserScrolling = ref(false);
+
 /// 会话列表
 const chatMsgList = ref([]);
 /// 输入口的输入消息
@@ -215,8 +203,6 @@ let typewriterManager = null;
 // 当前会话的消息ID，用于保持发送和终止的messageId一致
 let currentSessionMessageId = null;
 
-let loadingTimer = null;
-
 // 打开抽屉
 const emits = defineEmits(["openDrawer"]);
 const openDrawer = () => emits("openDrawer");
@@ -252,13 +238,21 @@ const handleKeyboardHide = () => {
   holdKeyboard.value = false;
 };
 
+// 处理用户滚动事件
+const handleScroll = (e) => {
+  // 标记用户正在滚动
+};
+
+// 处理滚动到底部事件
+const handleScrollToLower = () => {};
+
 // 滚动到底部 - 优化版本，确保打字机效果始终可见
 const scrollToBottom = () => {
   nextTick(() => {
     scrollTop.value = 99999;
     // 强制触发滚动更新
     setTimeout(() => {
-            scrollTop.value = scrollTop.value + 1;
+      scrollTop.value = scrollTop.value + Math.random();
     }, 10);
   });
 };
@@ -353,6 +347,15 @@ onMounted(async () => {
     addNoticeListener();
     initTypewriterManager();
     initWebSocket();
+    uni.getProvider({
+      service: "oauth",
+      success: (res) => {
+        console.log("getProvider success", res);
+      },
+      fail: (err) => {
+        console.log("getProvider fail", err);
+      },
+    });
   } catch (error) {
     console.error("页面初始化错误:", error);
   }
@@ -451,11 +454,6 @@ const initWebSocket = () => {
 
 // 处理WebSocket消息
 const handleWebSocketMessage = (data) => {
-    if (loadingTimer) {
-        clearInterval(loadingTimer);
-        loadingTimer = null;
-    }
-
   const aiMsgIndex = chatMsgList.value.length - 1;
   if (!chatMsgList.value[aiMsgIndex] || aiMsgIndex < 0) {
     return;
@@ -479,8 +477,6 @@ const handleWebSocketMessage = (data) => {
 
   // 处理完成状态
   if (data.finish) {
-        clearInterval(loadingTimer);
-        loadingTimer = null;
     // 等待打字机完成后处理其他数据
     const waitForTypingComplete = () => {
       const status = typewriterManager
@@ -493,7 +489,7 @@ const handleWebSocketMessage = (data) => {
 
       const msg = chatMsgList.value[aiMsgIndex].msg;
       console.log("全量消息内容:", msg);
-            if (!msg || msg === "加载中." || msg.startsWith("加载中")) {
+      if (!msg || msg === "加载中" || msg.startsWith("加载中")) {
         chatMsgList.value[aiMsgIndex].msg = "未获取到内容，请重试";
         chatMsgList.value[aiMsgIndex].isLoading = false;
         if (data.toolCall) {
@@ -526,22 +522,16 @@ const initTypewriterManager = () => {
   }
 
   typewriterManager = new TypewriterManager({
-        typingSpeed: 50,
+    typingSpeed: 30,
-        cursorText: '<text class="typing-cursor">|</text>',
+    cursorText: "",
   });
 
   // 设置回调函数
   typewriterManager.setCallbacks({
     // 每个字符打字时的回调
     onCharacterTyped: (displayedContent) => {
-            // 立即滚动到底部，确保打字过程中始终可见
+      // 只有在用户没有滚动时才自动滚动到底部
-            nextTick(() => {
+      scrollToBottom();
-                scrollTop.value = 99999;
-                // 双重保险，确保滚动生效
-                setTimeout(() => {
-                    scrollTop.value = 99999 + Math.random();
-                }, 20);
-            });
     },
     // 内容更新时的回调
     onContentUpdate: (content) => {
@@ -645,7 +635,7 @@ const sendChat = (message, isInstruct = false) => {
   const aiMsg = {
     msgId: `msg_${chatMsgList.value.length}`,
     msgType: MessageRole.AI,
-        msg: "加载中.",
+    msg: "加载中",
     isLoading: true,
     msgContent: {
       type: MessageType.TEXT,
@@ -655,14 +645,6 @@ const sendChat = (message, isInstruct = false) => {
   chatMsgList.value.push(aiMsg);
   const aiMsgIndex = chatMsgList.value.length - 1;
 
-    // 动态加载中动画
-    let dotCount = 1;
-    loadingTimer && clearInterval(loadingTimer);
-    loadingTimer = setInterval(() => {
-        dotCount = (dotCount % 3) + 1;
-        chatMsgList.value[aiMsgIndex].msg = "加载中" + ".".repeat(dotCount);
-    }, 400);
-
   // 发送消息
   const success = sendWebSocketMessage(messageType, messageContent);
   if (!success) {
@@ -680,11 +662,6 @@ const stopRequest = () => {
   // 发送中断消息给服务器 (messageType=2)
   sendWebSocketMessage(2, "stop_request", { silent: true });
 
-    if (loadingTimer) {
-        clearInterval(loadingTimer);
-        loadingTimer = null;
-    }
-
   // 停止打字机效果
   if (typewriterManager) {
     typewriterManager.stopTypewriter();

pages/chat/ChatMarkdown.vue

@@ -1,6 +1,6 @@
 <template>
   <view>
-		<zero-markdown-view :markdown="text" :aiMode='true'></zero-markdown-view>
+    <zero-markdown-view :markdown="text" :aiMode="true"></zero-markdown-view>
   </view>
 </template>
 
@@ -10,12 +10,9 @@
 defineProps({
   text: {
     type: String,
-	    default: ''
+    default: "",
-	  }
+  },
-	})
+});
-	
 </script>
 
-<style scoped>
+<style scoped></style>
-	
-</style>

pages/chat/ChatQuickAccess.vue

@@ -16,9 +16,7 @@
           <image :src="item.icon"></image>
           <text>{{ item.title }}</text>
         </view>
-                <text class="quick-access-item-content">{{
+        <text class="quick-access-item-content">{{ item.content }}</text>
-                    item.content
-                }}</text>
       </view>
     </view>
   </view>

pages/chat/ChatTopBgImg.vue

@@ -1,17 +1,15 @@
 <template>
-	<view class="top-bg">
+  <view class="top-bg"> </view>
-	</view>
 </template>
 
-<script>
+<script></script>
-</script>
 
 <style lang="scss" scoped>
 .top-bg {
   width: 100%;
   height: 270px;
   overflow: hidden;
-	  background: linear-gradient( 180deg, #42ADF9 0%, #6CD1FF 51%, #E9F3F7 99%);
+  background: linear-gradient(180deg, #42adf9 0%, #6cd1ff 51%, #e9f3f7 99%);
   .top-bg-img {
     width: 100%;
     height: 100%;

pages/chat/ChatTopNavBar.vue

@@ -7,25 +7,23 @@
     <uni-drawer ref="showLeft" mode="left" :width="320">
       <DrawerHome @closeDrawer="closeDrawer('showLeft')" />
     </uni-drawer>
-	  
   </view>
 </template>
 
 <script setup>
-	import { defineEmits, ref } from 'vue'
+import { defineEmits, ref } from "vue";
 import DrawerHome from "@/pages/drawer/DrawerHome.vue";
 
-	const showLeft = ref(false)
+const showLeft = ref(false);
 
 // 打开窗口
 const showDrawer = (e) => {
-		showLeft.value.open()
+  showLeft.value.open();
-	}
+};
 // 关闭窗口
 const closeDrawer = (e) => {
-		showLeft.value.close()
+  showLeft.value.close();
-	}
+};
-	
 </script>
 
 <style lang="scss" scoped>

pages/chat/ChatTopWelcome.vue

@@ -6,10 +6,7 @@
         class="top-item-left"
         :src="initPageImages.welcomeImageUrl"
       ></image>
-            <image
+      <image class="top-item-right" :src="initPageImages.logoImageUrl"></image>
-                class="top-item-right"
-                :src="initPageImages.logoImageUrl"
-            ></image>
     </view>
     <ChatCardAI v-if="welcomeContent.length" :text="welcomeContent" />
   </view>

pages/chat/styles/ChatMainList.scss

@@ -1,7 +1,7 @@
 .chat-container {
   width: 100vw;
   height: 100vh;
-		background-color: #E9F3F7;
+  background-color: #e9f3f7;
 
   display: flex;
   flex-direction: column;
@@ -17,7 +17,7 @@
     right: 0;
     z-index: 0;
     height: 270px;
-			background: linear-gradient( 180deg, #42ADF9 0%, #6CD1FF 51%, #E9F3F7 99%);
+    background: linear-gradient(180deg, #42adf9 0%, #6cd1ff 51%, #e9f3f7 99%);
   }
 
   .chat-content {
@@ -70,7 +70,7 @@
   width: 100vw;
   flex-shrink: 0;
   padding: 4px 0 20px 0; /* 直接设置20px底部安全距离 */
-		background-color: #E9F3F7;
+  background-color: #e9f3f7;
   touch-action: pan-x;
   overflow-x: auto;
   overflow-y: hidden;
@@ -88,7 +88,7 @@
   display: flex;
   align-items: center;
   border-radius: 22px;
-		background-color: #FFFFFF;
+  background-color: #ffffff;
   box-shadow: 0px 0px 20px 0px rgba(52, 25, 204, 0.05);
   margin: 0 12px;
 
@@ -136,7 +136,7 @@
 // 打字机光标闪烁动画
 .typing-cursor {
   display: inline-block;
-		color: #42ADF9;
+  color: #42adf9;
   font-weight: bold;
   font-size: 1.2em;
   animation: blink 1s infinite;
@@ -144,10 +144,12 @@
 }
 
 @keyframes blink {
-		0%, 50% {
+  0%,
+  50% {
     opacity: 1;
   }
-		51%, 100% {
+  51%,
+  100% {
     opacity: 0;
   }
 }

pages/drawer/DrawerHome.vue

@@ -1,24 +1,28 @@
 <template>
   <view class="drawer-home">
     <view class="drawer-home-nav">
-			<uni-icons type="closeempty" size="22" color="#333333" class="close-icon" @click="closeDrawer"></uni-icons>
+      <uni-icons
+        type="closeempty"
+        size="22"
+        color="#333333"
+        class="close-icon"
+        @click="closeDrawer"
+      ></uni-icons>
       <text class="title">我的</text>
     </view>
 
     <MineSetting />
-		
   </view>
 </template>
 
 <script setup>
-    import MineSetting from './MineSetting.vue'
+import MineSetting from "./MineSetting.vue";
-	import { defineEmits } from 'vue'
+import { defineEmits } from "vue";
-	const emits = defineEmits(['closeDrawer'])
+const emits = defineEmits(["closeDrawer"]);
 
 const closeDrawer = () => {
-		emits('closeDrawer')
+  emits("closeDrawer");
-	}
+};
-	
 </script>
 
 <style lang="scss" scoped>

pages/drawer/MineSetting.vue

@@ -36,60 +36,64 @@
 </template>
 
 <script setup>
-import { ref, onMounted } from 'vue'
+import { ref, onMounted } from "vue";
-import { getLoginUserPhone } from '@/request/api/LoginApi'
+import { getLoginUserPhone } from "@/request/api/LoginApi";
 
 // 假数据
 const userInfo = ref({
-  avatar: '/static/default-avatar.png',
+  avatar: "/static/default-avatar.png",
-  nickname: '微信用户',
+  nickname: "微信用户",
-  phone: ''
+  phone: "",
-})
+});
 
 // 功能菜单列表（带 type 区分操作类型）
 const menuList = ref([
   // { label: '修改手机号', type: 'navigate', url: '/pages/change-phone/change-phone' },
-  { label: '账号注销', type: 'navigate', url: '/pages/cancel-account/cancel-account' },
+  {
+    label: "账号注销",
+    type: "navigate",
+    url: "/pages/cancel-account/cancel-account",
+  },
   // { label: '营业资质&协议', type: 'navigate', url: '/pages/agreement/agreement' },
-  { label: '联系客服', type: 'action', action: 'contactService' }
+  { label: "联系客服", type: "action", action: "contactService" },
-])
+]);
 
 // 生命周期钩子
 onMounted(() => {
-  getLoginUserPhoneInfo()
+  getLoginUserPhoneInfo();
-})
+});
 
 const getLoginUserPhoneInfo = async () => {
-  const res = await getLoginUserPhone()
+  const res = await getLoginUserPhone();
   if (res.code === 0) {
-      userInfo.value.phone = res.data
+    userInfo.value.phone = res.data;
-    }
   }
+};
 
 // 处理菜单点击
 const handleMenuClick = (item) => {
-  if (item.type === 'navigate' && item.url) {
+  if (item.type === "navigate" && item.url) {
-    uni.navigateTo({ url: item.url })
+    uni.navigateTo({ url: item.url });
-  } else if (item.type === 'action') {
+  } else if (item.type === "action") {
-    if (item.action === 'contactService') {
+    if (item.action === "contactService") {
-      uni.showToast({ title: '联系客服功能待实现', icon: 'none' })
+      uni.showToast({ title: "联系客服功能待实现", icon: "none" });
-    }
     }
   }
+};
 
 // 退出登录
 const handleLogout = () => {
   uni.showModal({
-    title: '温馨提示',
+    title: "温馨提示",
-    content: '确定要退出登录吗？',
+    content: "确定要退出登录吗？",
     success: (res) => {
       if (res.confirm) {
-        uni.clearStorageSync()
+        uni.clearStorageSync();
-        uni.reLaunch({ url: '/pages/login/index' })
+        uni.reLaunch({ url: "/pages/login/index" });
-      }
-    }
-  })
       }
+    },
+  });
+};
 </script>
 
 <style scoped>

pages/goods/index.vue

@@ -17,7 +17,7 @@
 
         <ModuleTitle title="购买须知" />
 
-        <zero-markdown-view :markdown="goodsData.commodityTip" />
+        <zero-markdown-view :markdown="goodsData.commodityTip" :aiMode='true' />
       </view>
     </scroll-view>
 

pages/loading/DotLoading.vue

@@ -0,0 +1,47 @@
+<template>
+  <view class="wave">
+    <view class="dot"></view>
+    <view class="dot"></view>
+    <view class="dot"></view>
+  </view>
+</template>
+
+<script></script>
+
+<style lang="scss" scoped>
+.wave {
+  position: relative;
+  text-align: center;
+  width: 30px;
+
+  .dot {
+    display: inline-block;
+    width: 3px;
+    height: 3px;
+    border-radius: 50%;
+    margin-right: 3px;
+    background: #333333;
+    animation: wave 1.3s linear infinite;
+
+    &:nth-child(2) {
+      animation-delay: -1.1s;
+    }
+
+    &:nth-child(3) {
+      animation-delay: -0.9s;
+    }
+  }
+}
+
+@keyframes wave {
+  0%,
+  60%,
+  100% {
+    transform: initial;
+  }
+
+  30% {
+    transform: translateY(-5px);
+  }
+}
+</style>

pages/loading/loading.vue

@@ -0,0 +1,23 @@
+<template>
+  <view class="ai">
+    <view class="container">
+      <view class="c c4"></view>
+      <view class="c c1"></view>
+      <view class="c c2"></view>
+      <view class="c c3"></view>
+
+      <view class="rings"></view>
+    </view>
+
+    <view class="glass"></view>
+  </view>
+
+</template>
+
+<script setup>
+
+</script>
+
+<style lang="scss" scoped>
+@import "styles/loading.scss";
+</style>

pages/loading/styles/loading.scss

@@ -0,0 +1,281 @@
+@property --a {
+  syntax: "<angle>";
+  inherits: true;
+  initial-value: 0deg;
+}
+
+@property --l {
+  syntax: "<number>";
+  inherits: true;
+  initial-value: 0;
+}
+@property --x {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0;
+}
+@property --y {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0;
+}
+
+@property --o {
+  syntax: "<number>";
+  inherits: false;
+  initial-value: 0;
+}
+
+.ai {
+  --s: 32px;
+  // --p: calc(var(--s) / 4);
+  width: var(--s);
+  aspect-ratio: 1;
+  --bg-color: color-mix(in srgb, #7b7bf4, transparent 90%);
+  background: radial-gradient(
+      60% 75% at center,
+      var(--bg-color) 50%,
+      transparent 50%
+    ),
+    radial-gradient(75% 60% at center, var(--bg-color) 50%, transparent 50%);
+  padding: var(--p);
+  margin-right: 6px;
+  display: grid;
+  place-items: center;
+  position: relative;
+  border-radius: 50%;
+  transform: scale(1.0);
+}
+
+$count: 4;
+:root {
+  --count: #{$count};
+  --radius: 6vmin;
+}
+
+@keyframes ai {
+  from {
+    --a: 360deg;
+    --l: 0.35;
+    --o: 1;
+  }
+
+  30% {
+    --l: 1.5;
+  }
+
+  70% {
+    --o: 0.4;
+    --l: 0.05;
+  }
+
+  98% {
+    --o: 0.7;
+  }
+
+  to {
+    --a: 0deg;
+    --l: 0.35;
+    --o: 1;
+  }
+}
+
+.c {
+  opacity: 0.9;
+  position: absolute;
+  width: 10vmin;
+  aspect-ratio: 1;
+  border-radius: 50%;
+  --offset-per-item: calc(360deg / var(--count));
+  --current-angle-offset: calc(var(--offset-per-item) * var(--i) + var(--a));
+  translate: calc(
+      cos(var(--current-angle-offset)) * var(--radius) + var(--x, 0)
+    )
+    calc(sin(var(--current-angle-offset)) * var(--radius) * -1);
+  scale: calc(0.6 + var(--l));
+  animation: ai 5.5s cubic-bezier(0.45, -0.35, 0.16, 1.5) infinite;
+  transition: opacity 0.3s linear;
+  opacity: var(--o, 1);
+  @for $i from 0 through $count {
+    &:nth-child(#{$i + 1}) {
+      --i: #{$i};
+    }
+  }
+}
+
+.c1 {
+  background: #79e3ee;
+  background: radial-gradient(50% 50% at center, #79e3ee, #e7e7fb);
+  background: radial-gradient(50% 50% at center, #c979ee, #74bcd6);
+
+  --x: 1vmin;
+  width: 16vmin;
+  animation-timing-function: cubic-bezier(0.12, 0.32, 0.68, 0.24);
+}
+
+.c2 {
+  background: radial-gradient(50% 50% at center, #ef788c, #e7e7fb);
+  width: 15vmin;
+}
+
+.c3 {
+  background: radial-gradient(50% 50% at center, #eb7fc6, transparent);
+  width: 5vmin;
+  opacity: 0.6;
+  --x: -1vmin;
+}
+
+.c4 {
+  background: #6d67c8;
+  animation-timing-function: cubic-bezier(0.39, -0.03, 0.75, 0.47);
+}
+
+.container {
+  overflow: hidden;
+  background: #b6a9f8;
+  width: 100%;
+  border-radius: 50%;
+  aspect-ratio: 1;
+  position: relative;
+  display: grid;
+  place-items: center;
+}
+
+.glass {
+  overflow: hidden;
+  position: absolute;
+  --w: 0.5vmin;
+  inset: calc(var(--s) - var(--s));
+  border-radius: 50%;
+  backdrop-filter: blur(1.3vmin);
+  box-shadow: 0 0 8vmin color-mix(in srgb, black, transparent 70%);
+  background: radial-gradient(
+    10vmin at 70% 30%,
+    rgba(255, 255, 255, 0.2),
+    transparent
+  );
+
+  // // lines
+  // &:after {
+  //   content: "";
+  //   position: absolute;
+  //   inset: 0;
+  //   --c: rgba(255, 255, 255, 0.03);
+  //   --w: 0.0625rem;
+  //   --g: 0.1875rem;
+
+  //   background: repeating-linear-gradient(
+  //     var(--c),
+  //     var(--c),
+  //     var(--w),
+  //     transparent var(--w),
+  //     transparent calc(var(--w) + var(--g))
+  //   );
+  //   border-radius: inherit;
+  //   border: 1vmin rgba(255, 255, 255, 0.1) solid;
+  // }
+}
+
+@property --value {
+  syntax: "<angle>";
+  inherits: true;
+  initial-value: 0deg;
+}
+
+@property --width-ratio {
+  syntax: "<number>";
+  inherits: true;
+  initial-value: 0;
+}
+
+@property --scale {
+  syntax: "<number>";
+  inherits: true;
+  initial-value: 0;
+}
+
+:root {
+  --width: 1vmin;
+  --duration: 8s;
+}
+
+.rings {
+  aspect-ratio: 1;
+  border-radius: 50%;
+  position: absolute;
+  inset: 0;
+  perspective: 11rem;
+  opacity: .9;
+
+  &:before,
+  &:after {
+    content: "";
+    position: absolute;
+    inset: 0;
+    background: rgba(255, 0, 0, 1);
+    border-radius: 50%;
+    --width-ratio: 1;
+    border: calc(var(--width) * var(--width-ratio)) solid transparent;
+    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
+    background: linear-gradient(
+      white,
+      blue,
+      magenta,
+      violet,
+      lightyellow) border-box;
+    mask-composite: exclude;
+    animation: ring var(--duration) ease-in-out infinite;
+    --start: 180deg;
+    --value: var(--start);
+    --scale: 1;
+    transform: rotateY(var(--value)) rotateX(var(--value)) rotateZ(var(--value))
+      scale(var(--scale));
+  }
+
+  &:before {
+    --start: 180deg;
+  }
+
+  &:after {
+    --start: 90deg;
+  }
+
+  > .rings {
+    &:before {
+      --start: 360deg;
+    }
+
+    &:after {
+      --start: 270deg;
+    }
+  }
+}
+
+@keyframes ring {
+  from {
+    --value: var(--start);
+    --scale: 1;
+  }
+  50% {
+    --scale: 1.2;
+    --width-ratio: 1.5;
+  }
+  70% {
+    --scale: 1;
+    --value: calc(var(--start) + 180deg);
+    --width-ratio: 1;
+  }
+
+  80% {
+    --scale: 1.2;
+    --width-ratio: 1.5;
+  }
+
+  to {
+    --value: calc(var(--start) + 360deg);
+    --scale: 1;
+    --width-ratio: 1;
+  }
+}
+
+

pages/module/attach/AttachListComponent.vue

@@ -12,32 +12,31 @@
 </template>
 
 <script setup>
-import { ref, nextTick, defineEmits } from 'vue'
+import { ref, nextTick, defineEmits } from "vue";
-import { onMounted } from 'vue'
+import { onMounted } from "vue";
-import { SCROLL_TO_BOTTOM } from '@/constant/constant'
+import { SCROLL_TO_BOTTOM } from "@/constant/constant";
 const props = defineProps({
   question: {
     type: String,
-    default: ''
+    default: "",
-  }
+  },
-})
+});
 
-const tags = ref([])
+const tags = ref([]);
-const emits = defineEmits(['replySent']);
+const emits = defineEmits(["replySent"]);
 
 const handleClick = (item) => {
-  emits('replySent', item)
+  emits("replySent", item);
-}
+};
 
 onMounted(() => {
-    tags.value = props.question.split(/[&|;]/).filter(tag => tag.trim() !== '')
+  tags.value = props.question.split(/[&|;]/).filter((tag) => tag.trim() !== "");
   nextTick(() => {
     setTimeout(() => {
-			uni.$emit(SCROLL_TO_BOTTOM, true)
+      uni.$emit(SCROLL_TO_BOTTOM, true);
-		}, 300)
+    }, 300);
+  });
 });
-})
-
 </script>
 
 <style scoped lang="scss">
@@ -59,7 +58,7 @@ onMounted(() => {
 }
 
 .tag-text {
-  color: #00A6FF; /* 蓝色文字，可根据设计调整 */
+  color: #00a6ff; /* 蓝色文字，可根据设计调整 */
   font-size: 14px;
 }
 </style>

pages/module/banner/ActivityListComponent.vue

@@ -1,12 +1,15 @@
 <template>
   <view class="container">
-		<swiper class="swiper" circular 
+    <swiper
+      class="swiper"
+      circular
       :indicator-dots="activityList.length > 1"
       indicator-color="#FFFFFF"
       indicator-active-color="#00A6FF"
       :autoplay="autoplay"
       :interval="interval"
-		:duration="duration">
+      :duration="duration"
+    >
       <swiper-item v-for="item in activityList" :key="item.id">
         <view class="swiper-item" @click="handleClick(item)">
           <image :src="item.activityCover" mode="aspectFill"></image>
@@ -14,29 +17,27 @@
         </view>
       </swiper-item>
     </swiper>
-		
   </view>
 </template>
 
 <script setup>
-	import { ref } from 'vue'
+import { ref } from "vue";
-	import { SEND_COMMAND_TEXT } from '@/constant/constant'
+import { SEND_COMMAND_TEXT } from "@/constant/constant";
 
-	const autoplay = ref(true)
+const autoplay = ref(true);
-	const interval = ref(3000)
+const interval = ref(3000);
-	const duration = ref(500)
+const duration = ref(500);
 
 const props = defineProps({
   activityList: {
     type: Array,
-	    default: []
+    default: [],
-	  }
+  },
-	})
+});
 
 const handleClick = (item) => {
-		uni.$emit(SEND_COMMAND_TEXT, '快速预定')
+  uni.$emit(SEND_COMMAND_TEXT, "快速预定");
-	}
+};
-
 </script>
 
 <style scoped lang="scss">
@@ -77,6 +78,5 @@
       line-height: 1.5;
     }
   }
-		
 }
 </style>

pages/module/booking/QuickBookingCalender.vue

@@ -22,7 +22,6 @@
         <text class="calendar-text">日历</text>
       </view>
     </view>
-    
   </view>
 </template>
 

pages/module/booking/QuickBookingContentList.vue

@@ -8,16 +8,10 @@
       >
         <view class="mk-card-item" @click="placeOrderHandle(item)">
           <!-- <view class="card-badge">超值推荐</view> -->
-                    <image
+          <image class="card-img" :src="item.commodityIcon" mode="aspectFill" />
-                        class="card-img"
-                        :src="item.commodityIcon"
-                        mode="aspectFill"
-                    />
           <view class="card-content">
             <view class="card-title-column">
-                            <text class="card-title">{{
+              <text class="card-title">{{ item.commodityName }}</text>
-                                item.commodityName
-                            }}</text>
               <view
                 class="card-tags"
                 v-for="tag in item.commodityTradeRuleList"
@@ -27,9 +21,7 @@
               </view>
             </view>
             <template
-                            v-for="(
+              v-for="(serviceItem, index) in item.commodityServices"
-                                serviceItem, index
-                            ) in item.commodityServices"
               :key="serviceItem.serviceTitle"
             >
               <view v-if="index < 3" class="card-desc"
@@ -39,9 +31,7 @@
             <view class="card-bottom-row">
               <view class="card-price-row">
                 <text class="card-price-fu">￥</text>
-                                <text class="card-price">{{
+                <text class="card-price">{{ item.commodityPrice }}</text>
-                                    item.commodityPrice
-                                }}</text>
                 <text class="card-unit">/人</text>
               </view>
 
@@ -156,7 +146,6 @@ const placeOrderHandle = (item) => {
       }
 
       .card-tag {
-                background: #f5f5f5;
         color: #ff6600;
         font-size: 10px;
         border-radius: 4px;

pages/module/detail/DetailCardCompontent.vue

@@ -8,23 +8,21 @@
     <template v-if="toolCall.commodityList">
       <DetailCardGoodsContentList :commodityList="toolCall.commodityList" />
     </template>
-
   </view>
 </template>
 
 <script setup>
-	import { defineProps } from 'vue'
+import { defineProps } from "vue";
-    import ModuleTitle from '@/components/ModuleTitle/index.vue'
+import ModuleTitle from "@/components/ModuleTitle/index.vue";
-    import ImageSwiper from '@/components/ImageSwiper/index.vue'
+import ImageSwiper from "@/components/ImageSwiper/index.vue";
-    import DetailCardGoodsContentList from './DetailCardGoodsContentList.vue'
+import DetailCardGoodsContentList from "./DetailCardGoodsContentList.vue";
 
 const props = defineProps({
   toolCall: {
     type: Object,
-			default: {}
+    default: {},
-		}
+  },
-	})
+});
-
 </script>
 
 <style scoped lang="scss">
@@ -32,5 +30,4 @@
   width: 100%;
   padding: 12px 0;
 }
-
 </style>

pages/module/detail/DetailCardGoodsContentList.vue

@@ -14,9 +14,7 @@
           />
           <view class="card-content">
             <view class="card-title-column">
-                            <text class="card-title">{{
+              <text class="card-title">{{ item.commodityName }}</text>
-                                item.commodityName
-                            }}</text>
               <view
                 class="card-tags"
                 v-for="tag in item.commodityTradeRuleList"
@@ -26,9 +24,7 @@
               </view>
             </view>
             <template
-                            v-for="(
+              v-for="(serviceItem, index) in item.commodityServices"
-                                serviceItem, index
-                            ) in item.commodityServices"
               :key="serviceItem.serviceTitle"
             >
               <view v-if="index < 3" class="card-desc"
@@ -38,9 +34,7 @@
             <view class="card-bottom-row">
               <view class="card-price-row">
                 <text class="card-price-fu">￥</text>
-                                <text class="card-price">{{
+                <text class="card-price">{{ item.specificationPrice }}</text>
-                                    item.specificationPrice
-                                }}</text>
                 <text class="card-unit">/人</text>
               </view>
               <text class="card-btn">下单</text>
@@ -156,7 +150,6 @@ const placeOrderHandle = (item) => {
       }
 
       .card-tag {
-                background: #f5f5f5;
         color: #ff6600;
         font-size: 10px;
         border-radius: 4px;

pages/module/discovery/DiscoveryCardComponent.vue

@@ -7,31 +7,30 @@
 </template>
 
 <script setup>
-	import { ref, nextTick } from 'vue'
+import { ref, nextTick } from "vue";
-	import { onMounted } from 'vue'
+import { onMounted } from "vue";
-	import { discoveryCradComponent } from '@/request/api/MainPageDataApi'
+import { discoveryCradComponent } from "@/request/api/MainPageDataApi";
-	import RecommendPostsList from '../recommend/RecommendPostsList.vue'
+import RecommendPostsList from "../recommend/RecommendPostsList.vue";
-	import { SCROLL_TO_BOTTOM } from '@/constant/constant'
+import { SCROLL_TO_BOTTOM } from "@/constant/constant";
 
-	const themeDTOList = ref([])
+const themeDTOList = ref([]);
 
 const loadDiscoveryCradComponent = async () => {
-		const res = await discoveryCradComponent()
+  const res = await discoveryCradComponent();
   if (res.code === 0 && res.data) {
-			themeDTOList.value = res.data.themeDTOList
+    themeDTOList.value = res.data.themeDTOList;
 
     nextTick(() => {
       setTimeout(() => {
-					uni.$emit(SCROLL_TO_BOTTOM, true)
+        uni.$emit(SCROLL_TO_BOTTOM, true);
-				}, 300)
+      }, 300);
     });
   }
-	}
+};
 
 onMounted(() => {
-		loadDiscoveryCradComponent()
+  loadDiscoveryCradComponent();
-	})
+});
-	
 </script>
 
 <style scoped lang="scss">

pages/module/recommend/RecommendPostsComponent.vue

@@ -7,17 +7,15 @@
 </template>
 
 <script setup>
-	import RecommendPostsList from './RecommendPostsList.vue';
+import RecommendPostsList from "./RecommendPostsList.vue";
 
-	import { defineProps } from 'vue'
+import { defineProps } from "vue";
 const props = defineProps({
   recommendThemeList: {
     type: Array,
-			default: []
+    default: [],
-		}
+  },
-	})
+});
-	
-	
 </script>
 
 <style scoped lang="scss">

pages/module/recommend/RecommendPostsList.vue

@@ -2,7 +2,10 @@
   <view class="container">
     <ModuleTitle :title="recommendTheme.themeName" />
     <view class="container-scroll">
-            <view v-for="(item, index) in recommendTheme.recommendPostsList" :key="index">
+      <view
+        v-for="(item, index) in recommendTheme.recommendPostsList"
+        :key="index"
+      >
         <view class="mk-card-item" @click="sendReply(item)">
           <image :src="item.coverPhoto" mode="aspectFill"></image>
           <view class="overlay-gradient">
@@ -15,22 +18,21 @@
 </template>
 
 <script setup>
-	import ModuleTitle from '@/components/ModuleTitle/index.vue'
+import ModuleTitle from "@/components/ModuleTitle/index.vue";
-	import { defineProps } from 'vue'
+import { defineProps } from "vue";
-	import { RECOMMEND_POSTS_TITLE } from '@/constant/constant.js'
+import { RECOMMEND_POSTS_TITLE } from "@/constant/constant.js";
 
 const props = defineProps({
   recommendTheme: {
     type: Object,
-			default: {}
+    default: {},
-		}
+  },
-	})
+});
 
 const sendReply = (item) => {
-		const topic = item.userInputContent || item.topic.replace(/^#/, '');
+  const topic = item.userInputContent || item.topic.replace(/^#/, "");
   uni.$emit(RECOMMEND_POSTS_TITLE, topic);
-	}
+};
-
 </script>
 
 <style lang="scss" scoped>
@@ -42,7 +44,7 @@
   display: flex;
   flex-direction: row;
   overflow-x: auto;
-  margin-top: 4px;
+  margin: 4px 0 6px;
 
   .mk-card-item {
     flex-shrink: 0; /* 关键：防止 flex 布局压缩子元素宽度 */
@@ -87,5 +89,4 @@
     }
   }
 }
-
 </style>

pages/order/components/NoticeInfo/index.vue

@@ -2,7 +2,11 @@
   <view class="notice-info mb12">
     <view class="notice-title"> 购买须知 </view>
 
-    <zero-markdown-view :markdown="orderData.commodityTip" :fontSize="14" />
+    <zero-markdown-view
+      :markdown="orderData.commodityTip"
+      :fontSize="14"
+      :aiMode="true"
+    />
   </view>
 </template>
 

uni_modules/zero-markdown-view/components/zero-markdown-view/zero-markdown-view.vue

@@ -36,6 +36,10 @@ export default {
 			type: String,
 			default: '#2d2d2d'
 		},
+		fontFamily: {
+				type: String,
+				default: 'PingFang SC, PingFang SC'
+		},
 		aiMode: {
 			type: Boolean,
 			default: false
@@ -87,59 +91,64 @@ export default {
 		initTagStyle() {
 			const themeColor = this.themeColor
 			const codeBgColor = this.codeBgColor
+            const fontFamily = this.fontFamily
 			let zeroStyle = {
 				p: `
-				margin:5px 5px;
+				margin:6px 0;
 				font-size: 15px;
-				line-height:1.75;
+				line-height:1.65;
-				letter-spacing:0.2em;
+                font-family: ${fontFamily};
-				word-spacing:0.1em;
 				`,
 				// 一级标题
 				h1: `
-				margin:25px 0;
+				margin:6px 0;
 				font-size: 24px;
 				text-align: center;
 				font-weight: bold;
 				color: ${themeColor};
+                font-family: ${fontFamily};
 				padding:3px 10px 1px;
 				border-bottom: 2px solid ${themeColor};
 				border-top-right-radius:3px;
 				border-top-left-radius:3px;
+
 				`,
 				// 二级标题
 				h2: `
-				margin:40px 0 20px 0;	
+				margin:6px 0;
 				font-size: 20px;
 				text-align:center;
 				color:${themeColor};
+                font-family: ${fontFamily};
 				font-weight:bolder;
 				padding-left:10px;
 				// border:1px solid ${themeColor};
 				`,
 				// 三级标题
 				h3: `
-				margin:30px 0 10px 0;
+				margin:6px 0;
 				font-size: 18px;
 				color: ${themeColor};
+                font-family: ${fontFamily};
 				padding-left:10px;
 				border-left:3px solid ${themeColor};
 				`,
 				// 引用
 				blockquote: `
-				margin:15px 0;
+				margin:6px 0;
 				font-size:15px;
+                font-family: ${fontFamily};
 				color: #777777;
 				border-left: 4px solid #dddddd;
 				padding: 0 10px;
 				 `,
 				// 列表
 				ul: `
-				margin: 10px 0;
+				margin: 6px 0;
 				color: #555;
 				`,
 				li: `
-				margin: 5px 0;
+				margin: 4px 0;
 				color: #555;
 				`,
 				// 链接
@@ -150,10 +159,12 @@ export default {
 				strong: `
 				font-weight: border;
 				color: ${themeColor};
+                font-family: ${fontFamily};
 				`,
 				// 斜体
 				em: `
 				color: ${themeColor};
+                font-family: ${fontFamily};
 				letter-spacing:0.3em;
 				`,
 				// 分割线
@@ -194,61 +205,72 @@ export default {
 		initTagStyleForAi() {
 			const themeColor = this.themeColor
 			const codeBgColor = this.codeBgColor
+			const fontFamily = this.fontFamily
 			let zeroStyle = {
 				p: `
-				font-size: 16px;
+                margin:6px 0;
+				font-size: 15px;
+                line-height:1.55;
+                font-family: ${fontFamily};
 				`,
 				// 一级标题
 				h1: `
-				margin:12px 0 10px 0;
+				margin:4px 0;
-				font-size: 22px;
+				font-size: 20px;
 				color: ${themeColor};
+				font-family: ${fontFamily};
 				`,
 				// 二级标题
 				h2: `
-				margin:10px 0 10px 0;
+				margin:4px 0;
-				font-size: 20px;
+				font-size: 18px;
 				color: ${themeColor};
+				font-family: ${fontFamily};
 				`,
 				// 三级标题
 				h3: `
-				margin:8x 0 8px 0;
+				margin:4x 0;
-				font-size: 18px;
+				font-size: 16px;
 				color: ${themeColor};
+				font-family: ${fontFamily};
 				`,
 				// 四级标题
 				h4: `
-				margin:6px 0 8px 0;
+				margin:4px 0;
-				font-size: 16px;
+				font-size: 15px;
 				color: ${themeColor};
+				font-family: ${fontFamily};
 				`,
 				// 五级标题
 				h5: `
-				margin:6px 0 8px 0;
+				margin:4px 0;
-				font-size: 16px;
+				font-size: 14px;
 				color: ${themeColor};
+				font-family: ${fontFamily};
 				`,
 				// 六级标题
 				h6: `
-				margin:6px 0 8px 0;
+				margin:4px 0;
-				font-size: 16px;
+				font-size: 12px;
-				color: ${themeColor}
+				color: ${themeColor};
+				font-family: ${fontFamily};
 				`,
 				// 引用
 				blockquote: `
-				margin:12px 0;
+				margin:4px 0;
 				font-size:14px;
 				color: #777777;
 				border-left: 4px solid #dddddd;
 				padding: 0 10px;
+				font-family: ${fontFamily};
 				 `,
 				// 列表
 				ul: `
-				margin: 8px 0;
+				margin: 4px 0;
 				color: #555;
 				`,
 				li: `
-				margin: 5px 0;
+				margin: 4px 0;
 				color: #555;
 				`,
 				// 链接
@@ -259,6 +281,7 @@ export default {
 				strong: `
 				font-weight: border;
 				color: ${themeColor};
+				font-family: ${fontFamily};
 				`,
 				// 斜体
 				em: `
@@ -272,14 +295,14 @@ export default {
 				border:none;
 				text-align:center;
 				background-image:linear-gradient(to right,rgba(248,57,41,0),${themeColor},rgba(248,57,41,0));
-				margin:8px 0;
+				margin:4px 0;
 				`,
 				// 表格
 				table: `
 				border-spacing:0;
 				overflow:auto;
 				min-width:100%;
-				margin:8px 0;
+				margin:4px 0;
 				border-collapse: collapse;
 				`,
 				th: `
@@ -296,6 +319,7 @@ export default {
 				background: ${codeBgColor};
 				font-size:12px;
 				position: relative;
+				font-family: ${fontFamily};
 				`,
 			}
 			this.tagStyle = zeroStyle

utils/TypewriterManager.js

@@ -7,7 +7,7 @@ class TypewriterManager {
     // 配置选项
     this.options = {
       typingSpeed: 50, // 打字速度（毫秒）
-      cursorText: '<text class="typing-cursor">|</text>', // 光标样式
+      cursorText: '', // 光标样式
       ...options
     };
 
@@ -59,7 +59,7 @@ class TypewriterManager {
     if (this.isTyping) return;
 
     this.isTyping = true;
-    this.displayedContent = "";
+    // 不要在启动时重置displayedContent，而是从当前位置继续
 
     this._typeNextChar();
   }
@@ -75,7 +75,7 @@ class TypewriterManager {
         this.displayedContent.length + 1
       );
       
-      const displayContent = this.displayedContent + this.options.cursorText;
+      const displayContent = this.displayedContent;
       
       // 调用内容更新回调
       if (this.onContentUpdate) {
@@ -87,10 +87,12 @@ class TypewriterManager {
         this.onCharacterTyped(this.displayedContent);
       }
 
-      // 继续下一个字符
+      // 确保最小延迟，避免定时器堆积
+      const delay = Math.max(this.options.typingSpeed, 30); // 设置最小延迟30ms
       this.typewriterTimer = setTimeout(() => {
         this._typeNextChar();
-      }, this.options.typingSpeed);
+      }, delay);
+      
     } else {
       // 打字完成，移除光标
       if (this.onContentUpdate) {