components/ModuleTitle/styles/index.scss

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

pages/chat/ChatCardAI.vue

@@ -1,15 +1,9 @@
 <template>
     <view class="container">
         <view class="chat-ai">
-      <view class="loading-container">
+            <view class="loading-container" >
-        <image
+                <image v-if="isLoading" class="loading-img" src="/static/msg_loading.svg" />
-          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>
@@ -20,8 +14,6 @@
 <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: {
@@ -76,8 +68,8 @@ watch(
     .chat-ai {
         margin: 6px 12px;
         padding: 0 12px;
-    max-width: 100%; // ✅ 限制最大宽度
+
-    min-width: 100px;
+        min-width: 90px;
         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;
@@ -90,7 +82,6 @@ watch(
     display: flex;
     align-items: center;
     padding: 4px 0;
-  max-width: 100%; // ✅ 限制最大宽度
 }
 
 .loading-img {
@@ -98,4 +89,5 @@ watch(
     width: 32px;
     height: 32px;
 }
+
 </style>

pages/chat/ChatCardMine.vue

@@ -6,25 +6,26 @@
 </template>
 
 <script setup>
-import { defineProps } from "vue";
+	import { defineProps } from "vue";
-defineProps({
+	defineProps({
 	  text: {
 	    type: String,
-    default: "",
+	    default: ''
-  },
+	  }
-});
+	})
+	
 </script>
 
 <style lang="scss" scoped>
-.chat-mine {
+	.chat-mine {
 		margin: 6px 12px;
 		padding: 8px 16px;
 		
-  background-color: #00a6ff;
+		background-color: #00A6FF;
-  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.1);
+		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;
@@ -34,12 +35,12 @@ defineProps({
 		text {
 			font-family: PingFang SC, PingFang SC;
 			font-weight: 400;
-    font-size: 15px;
+			font-size: 14px;
-    color: #ffffff;
+			color: #FFFFFF;
 			line-height: 22px;
 			text-align: justify;
 			font-style: normal;
 			text-transform: none;
 		}
-}
+	}
 </style>

pages/chat/ChatCardOther.vue

@@ -6,17 +6,17 @@
 </template>
 
 <script setup>
-import { defineProps } from "vue";
+	import { defineProps } from "vue";
-defineProps({
+	defineProps({
 	  text: {
 	    type: String,
-    default: "",
+	    default: ''
-  },
+	  }
-});
+	})
 </script>
 
 <style lang="scss" scoped>
-.chat-other {
+	.chat-other {
 		width: 100%;
 		margin: 6px 0;		
 		padding: 0 12px;
@@ -31,5 +31,6 @@ defineProps({
 			font-size: 14px;
 			color: #333333;
 		}
-}
+		
+	}
 </style>

pages/chat/ChatInputArea.vue

@@ -3,7 +3,10 @@
         <view v-if="!visibleWaveBtn" class="area-input">
             <!-- 语音/键盘切换 -->
             <view class="input-container-voice" @click="toggleVoiceMode">
-        <image v-if="!isVoiceMode" src="/static/input_voice_icon.png"></image>
+                <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,8 +20,6 @@
                 scroll-y
                 :scroll-with-animation="true"
                 class="area-msg-list"
-        @scroll="handleScroll"
-        @scrolltolower="handleScrollToLower"
             >
                 <!-- welcome栏 -->
                 <ChatTopWelcome
@@ -40,7 +38,9 @@
                     <template v-if="item.msgType === MessageRole.AI">
                         <ChatCardAI
                             class="message-item-ai"
-              :key="`ai-${item.msgId}-${item.msg ? item.msg.length : 0}`"
+                            :key="`ai-${item.msgId}-${
+                                item.msg ? item.msg.length : 0
+                            }`"
                             :text="item.msg || ''"
                             ,
                             :isLoading="item.isLoading"
@@ -48,21 +48,26 @@
                             <template #content v-if="item.toolCall">
                                 <QuickBookingComponent
                                     v-if="
-                    item.toolCall.componentName === CompName.quickBookingCard
+                                        item.toolCall.componentName ===
+                                        CompName.quickBookingCard
                                     "
                                 />
                                 <DiscoveryCardComponent
                                     v-else-if="
-                    item.toolCall.componentName === CompName.discoveryCard
+                                        item.toolCall.componentName ===
+                                        CompName.discoveryCard
                                     "
                                 />
                                 <CreateServiceOrder
                                     v-else-if="
-                    item.toolCall.componentName === CompName.createWorkOrderCard
+                                        item.toolCall.componentName ===
+                                        CompName.createWorkOrderCard
                                     "
                                 />
                                 <DetailCardCompontent
-                  v-else-if="item.toolCall.componentName === ''"
+                                    v-else-if="
+                                        item.toolCall.componentName === ''
+                                    "
                                     :toolCall="item.toolCall"
                                 />
                             </template>
@@ -79,12 +84,18 @@
                     </template>
 
                     <template v-else-if="item.msgType === MessageRole.ME">
-            <ChatCardMine class="message-item-mine" :text="item.msg">
+                        <ChatCardMine
+                            class="message-item-mine"
+                            :text="item.msg"
+                        >
                         </ChatCardMine>
                     </template>
 
                     <template v-else>
-            <ChatCardOther class="message-item-other" :text="item.msg">
+                        <ChatCardOther
+                            class="message-item-other"
+                            :text="item.msg"
+                        >
                             <ChatMoreTips
                                 @replySent="handleReply"
                                 :itemList="mainPageDataModel.guideWords"
@@ -96,8 +107,12 @@
                             />
 
                             <RecommendPostsComponent
-                v-if="mainPageDataModel.recommendTheme.length > 0"
+                                v-if="
-                :recommendThemeList="mainPageDataModel.recommendTheme"
+                                    mainPageDataModel.recommendTheme.length > 0
+                                "
+                                :recommendThemeList="
+                                    mainPageDataModel.recommendTheme
+                                "
                             />
                         </ChatCardOther>
                     </template>
@@ -174,9 +189,6 @@ const isKeyboardShow = ref(false);
 ///（控制滚动位置）
 const scrollTop = ref(99999);
 
-// 用户滚动状态控制
-const isUserScrolling = ref(false);
-
 /// 会话列表
 const chatMsgList = ref([]);
 /// 输入口的输入消息
@@ -203,6 +215,8 @@ let typewriterManager = null;
 // 当前会话的消息ID，用于保持发送和终止的messageId一致
 let currentSessionMessageId = null;
 
+let loadingTimer = null;
+
 // 打开抽屉
 const emits = defineEmits(["openDrawer"]);
 const openDrawer = () => emits("openDrawer");
@@ -238,21 +252,13 @@ const handleKeyboardHide = () => {
     holdKeyboard.value = false;
 };
 
-// 处理用户滚动事件
-const handleScroll = (e) => {
-  // 标记用户正在滚动
-};
-
-// 处理滚动到底部事件
-const handleScrollToLower = () => {};
-
 // 滚动到底部 - 优化版本，确保打字机效果始终可见
 const scrollToBottom = () => {
     nextTick(() => {
         scrollTop.value = 99999;
         // 强制触发滚动更新
         setTimeout(() => {
-      scrollTop.value = scrollTop.value + Math.random();
+            scrollTop.value = scrollTop.value + 1;
         }, 10);
     });
 };
@@ -347,15 +353,6 @@ 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);
     }
@@ -454,6 +451,11 @@ 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;
@@ -477,6 +479,8 @@ const handleWebSocketMessage = (data) => {
 
     // 处理完成状态
     if (data.finish) {
+        clearInterval(loadingTimer);
+        loadingTimer = null;
         // 等待打字机完成后处理其他数据
         const waitForTypingComplete = () => {
             const status = typewriterManager
@@ -489,7 +493,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) {
@@ -522,16 +526,22 @@ const initTypewriterManager = () => {
     }
 
     typewriterManager = new TypewriterManager({
-    typingSpeed: 30,
+        typingSpeed: 50,
-    cursorText: "",
+        cursorText: '<text class="typing-cursor">|</text>',
     });
 
     // 设置回调函数
     typewriterManager.setCallbacks({
         // 每个字符打字时的回调
         onCharacterTyped: (displayedContent) => {
-      // 只有在用户没有滚动时才自动滚动到底部
+            // 立即滚动到底部，确保打字过程中始终可见
-      scrollToBottom();
+            nextTick(() => {
+                scrollTop.value = 99999;
+                // 双重保险，确保滚动生效
+                setTimeout(() => {
+                    scrollTop.value = 99999 + Math.random();
+                }, 20);
+            });
         },
         // 内容更新时的回调
         onContentUpdate: (content) => {
@@ -635,7 +645,7 @@ const sendChat = (message, isInstruct = false) => {
     const aiMsg = {
         msgId: `msg_${chatMsgList.value.length}`,
         msgType: MessageRole.AI,
-    msg: "加载中",
+        msg: "加载中.",
         isLoading: true,
         msgContent: {
             type: MessageType.TEXT,
@@ -645,6 +655,14 @@ 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) {
@@ -662,6 +680,11 @@ 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,18 +1,21 @@
 <template>
 	<view>
-    <zero-markdown-view :markdown="text" :aiMode="true"></zero-markdown-view>
+		<zero-markdown-view :markdown="text" :aiMode='true'></zero-markdown-view>
 	</view>
 </template>
 
 <script setup>
-import { defineProps } from "vue";
+	import { defineProps } from "vue";
 		
-defineProps({
+	defineProps({
 	  text: {
 	    type: String,
-    default: "",
+	    default: ''
-  },
+	  }
-});
+	})
+	
 </script>
 
-<style scoped></style>
+<style scoped>
+	
+</style>

pages/chat/ChatQuickAccess.vue

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

pages/chat/ChatTopBgImg.vue

@@ -1,18 +1,20 @@
 <template>
-  <view class="top-bg"> </view>
+	<view class="top-bg">
+	</view>
 </template>
 
-<script></script>
+<script>
+</script>
 
 <style lang="scss" scoped>
-.top-bg {
+	.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%; 
 	  }
-}
+	}
 </style>

pages/chat/ChatTopNavBar.vue

@@ -7,27 +7,29 @@
 	  <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";
+	import DrawerHome from "@/pages/drawer/DrawerHome.vue";
 	
-const showLeft = ref(false);
+	const showLeft = ref(false)
+		
+	// 打开窗口
+	const showDrawer = (e) => {
+		showLeft.value.open()
+	}
+	// 关闭窗口
+	const closeDrawer = (e) => {
+		showLeft.value.close()
+	}
 	
-// 打开窗口
-const showDrawer = (e) => {
-  showLeft.value.open();
-};
-// 关闭窗口
-const closeDrawer = (e) => {
-  showLeft.value.close();
-};
 </script>
 
 <style lang="scss" scoped>
-.nav-bar {
+	.nav-bar {
 	  display: flex;
 	  align-items: center;
 	  height: 44px;
@@ -42,5 +44,5 @@ const closeDrawer = (e) => {
 		  width: 100%;
 		  height: 100%;
 	  }
-}
+	}
 </style>

pages/chat/ChatTopWelcome.vue

@@ -6,7 +6,10 @@
                 class="top-item-left"
                 :src="initPageImages.welcomeImageUrl"
             ></image>
-      <image class="top-item-right" :src="initPageImages.logoImageUrl"></image>
+            <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 {
@@ -64,13 +64,13 @@
 				justify-content: center;
 			}
 		}
-}
+	}
 	
-.footer-area {
+	.footer-area {
 		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;
@@ -82,14 +82,14 @@
 		/* 确保输入区域始终可见 */
 		// transform: translateZ(0);
 		// -webkit-transform: translateZ(0);
-}
+	}
 	
-.area-input {
+	.area-input {
 		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);
+		box-shadow: 0px 0px 20px 0px rgba(52,25,204,0.05);
 		margin: 0 12px;
 				
 		.input-container-voice {
@@ -131,25 +131,23 @@
 			margin-bottom: 2px;
 			align-items: center;
 		}
-}
+	}
 
-// 打字机光标闪烁动画
+	// 打字机光标闪烁动画
-.typing-cursor {
+	.typing-cursor {
 		display: inline-block;
-  color: #42adf9;
+		color: #42ADF9;
 		font-weight: bold;
 		font-size: 1.2em;
 		animation: blink 1s infinite;
 		margin-left: 2px;
-}
+	}
 
-@keyframes blink {
+	@keyframes blink {
-  0%,
+		0%, 50% {
-  50% {
 			opacity: 1;
 		}
-  51%,
+		51%, 100% {
-  100% {
 			opacity: 0;
 		}
-}
+	}

pages/drawer/DrawerHome.vue

@@ -1,39 +1,35 @@
 <template>
 	<view class="drawer-home"> 
 		<view class="drawer-home-nav">
-      <uni-icons
+			<uni-icons type="closeempty" size="22" color="#333333" class="close-icon" @click="closeDrawer"></uni-icons>
-        type="closeempty"
-        size="22"
-        color="#333333"
-        class="close-icon"
-        @click="closeDrawer"
-      ></uni-icons>
 			<text class="title">我的</text>
 		</view>
 				
-    <MineSetting />
+		<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')
+	}
 	
-const closeDrawer = () => {
-  emits("closeDrawer");
-};
 </script>
 
 <style lang="scss" scoped>
-.drawer-home {
+	.drawer-home {
 		width: 100%;
 		height: 100vh;
 		background-color: #fff;
 		padding-top: 44px;	
-}
+	}
 	
-.drawer-home-nav {
+	.drawer-home-nav {
 		position: relative;
 		padding: 12px;
 		display: flex;
@@ -50,5 +46,5 @@ const closeDrawer = () => {
 		  position: absolute;
 		  left: 12px; /* 距离左边12px */
 		}
-}
+	}
 </style>

pages/drawer/MineSetting.vue

@@ -36,64 +36,60 @@
 </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" :aiMode='true' />
+        <zero-markdown-view :markdown="goodsData.commodityTip" />
       </view>
     </scroll-view>
 

pages/loading/DotLoading.vue

@@ -1,47 +0,0 @@
-<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

@@ -1,23 +0,0 @@
-<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

@@ -1,281 +0,0 @@
-@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,31 +12,32 @@
 </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">
@@ -58,7 +59,7 @@ onMounted(() => {
 }
 
 .tag-text {
-  color: #00a6ff; /* 蓝色文字，可根据设计调整 */
+  color: #00A6FF; /* 蓝色文字，可根据设计调整 */
   font-size: 14px;
 }
 </style>

pages/module/banner/ActivityListComponent.vue

@@ -1,15 +1,12 @@
 <template>
 	<view class="container">
-    <swiper
+		<swiper class="swiper" circular 
-      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>
@@ -17,31 +14,33 @@
 				</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({
+	const props = defineProps({
 	  activityList: {
 	    type: Array,
-    default: [],
+	    default: []
-  },
+	  }
-});
+	})
+
+	const handleClick = (item) => {
+		uni.$emit(SEND_COMMAND_TEXT, '快速预定')
+	}
 
-const handleClick = (item) => {
-  uni.$emit(SEND_COMMAND_TEXT, "快速预定");
-};
 </script>
 
 <style scoped lang="scss">
-.container {
+	.container {
 		margin-bottom: 6px;
 		
 		.uni-margin-wrap {
@@ -78,5 +77,6 @@ const handleClick = (item) => {
 		    line-height: 1.5;
 		  }
 		}
-}
+		
+	}
 </style>

pages/module/booking/QuickBookingCalender.vue

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

pages/module/booking/QuickBookingContentList.vue

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

pages/module/detail/DetailCardCompontent.vue

@@ -8,21 +8,23 @@
         <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({
+	const props = defineProps({
 		toolCall: {
 			type: Object,
-    default: {},
+			default: {}
-  },
+		}
-});
+	})
+
 </script>
 
 <style scoped lang="scss">
@@ -30,4 +32,5 @@ const props = defineProps({
     width: 100%;
     padding: 12px 0;
 }
+
 </style>

pages/module/detail/DetailCardGoodsContentList.vue

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

pages/module/discovery/DiscoveryCardComponent.vue

@@ -7,36 +7,37 @@
 </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 loadDiscoveryCradComponent = async () => {
-  const res = await discoveryCradComponent();
+		const res = await discoveryCradComponent()
-  if (res.code === 0 && res.data) {
+		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()
+	})
 	
-onMounted(() => {
-  loadDiscoveryCradComponent();
-});
 </script>
 
 <style scoped lang="scss">
-.container {
+	.container {
 		width: 100%;
 		flex: 1;
 		margin-bottom: 12px;
-}
+	}
 </style>

pages/module/recommend/RecommendPostsComponent.vue

@@ -7,21 +7,23 @@
 </template>
 
 <script setup>
-import RecommendPostsList from "./RecommendPostsList.vue";
+	import RecommendPostsList from './RecommendPostsList.vue';
 	
-import { defineProps } from "vue";
+	import { defineProps } from 'vue'
-const props = defineProps({
+	const props = defineProps({
 		recommendThemeList: {
 			type: Array,
-    default: [],
+			default: []
-  },
+		}
-});
+	})
+	
+	
 </script>
 
 <style scoped lang="scss">
-.container {
+	.container {
 		width: 100%;
 		flex: 1;
 		margin-bottom: 12px;
-}
+	}
 </style>

pages/module/recommend/RecommendPostsList.vue

@@ -2,10 +2,7 @@
 	<view class="container">
 		<ModuleTitle :title="recommendTheme.themeName" />
 		<view class="container-scroll">
-      <view
+            <view v-for="(item, index) in recommendTheme.recommendPostsList" :key="index">
-        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">
@@ -18,33 +15,34 @@
 </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({
+	const props = defineProps({
 		recommendTheme: {
 			type: Object,
-    default: {},
+			default: {}
-  },
+		}
-});
+	})
 
-const sendReply = (item) => {
+	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>
-.container {
+	.container {
     width: 100%;
-}
+	}
 
-.container-scroll {
+	.container-scroll {
   display: flex;
   flex-direction: row;
   overflow-x: auto;
-  margin: 4px 0 6px;
+  margin-top: 4px;
 
   .mk-card-item {
     flex-shrink: 0; /* 关键：防止 flex 布局压缩子元素宽度 */
@@ -89,4 +87,5 @@ const sendReply = (item) => {
     }
   }
 }
+
 </style>

pages/order/components/NoticeInfo/index.vue

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

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

@@ -36,10 +36,6 @@ export default {
 			type: String,
 			default: '#2d2d2d'
 		},
-		fontFamily: {
-				type: String,
-				default: 'PingFang SC, PingFang SC'
-		},
 		aiMode: {
 			type: Boolean,
 			default: false
@@ -91,64 +87,59 @@ export default {
 		initTagStyle() {
 			const themeColor = this.themeColor
 			const codeBgColor = this.codeBgColor
-            const fontFamily = this.fontFamily
 			let zeroStyle = {
 				p: `
-				margin:6px 0;
+				margin:5px 5px;
 				font-size: 15px;
-				line-height:1.65;
+				line-height:1.75;
-                font-family: ${fontFamily};
+				letter-spacing:0.2em;
+				word-spacing:0.1em;
 				`,
 				// 一级标题
 				h1: `
-				margin:6px 0;
+				margin:25px 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:6px 0;
+				margin:40px 0 20px 0;	
 				font-size: 20px;
 				text-align:center;
 				color:${themeColor};
-                font-family: ${fontFamily};
 				font-weight:bolder;
 				padding-left:10px;
 				// border:1px solid ${themeColor};
 				`,
 				// 三级标题
 				h3: `
-				margin:6px 0;
+				margin:30px 0 10px 0;
 				font-size: 18px;
 				color: ${themeColor};
-                font-family: ${fontFamily};
 				padding-left:10px;
 				border-left:3px solid ${themeColor};
 				`,
 				// 引用
 				blockquote: `
-				margin:6px 0;
+				margin:15px 0;
 				font-size:15px;
-                font-family: ${fontFamily};
 				color: #777777;
 				border-left: 4px solid #dddddd;
 				padding: 0 10px;
 				 `,
 				// 列表 
 				ul: `
-				margin: 6px 0;
+				margin: 10px 0;
 				color: #555;
 				`,
 				li: `
-				margin: 4px 0;
+				margin: 5px 0;
 				color: #555;
 				`,
 				// 链接
@@ -159,12 +150,10 @@ export default {
 				strong: `
 				font-weight: border;
 				color: ${themeColor};
-                font-family: ${fontFamily};
 				`,
 				// 斜体
 				em: `
 				color: ${themeColor};
-                font-family: ${fontFamily};
 				letter-spacing:0.3em;
 				`,
 				// 分割线
@@ -205,72 +194,61 @@ export default {
 		initTagStyleForAi() {
 			const themeColor = this.themeColor
 			const codeBgColor = this.codeBgColor
-			const fontFamily = this.fontFamily
 			let zeroStyle = {
 				p: `
-                margin:6px 0;
+				font-size: 16px;
-				font-size: 15px;
-                line-height:1.55;
-                font-family: ${fontFamily};
 				`,
 				// 一级标题
 				h1: `
-				margin:4px 0;
+				margin:12px 0 10px 0;
-				font-size: 20px;
+				font-size: 22px;
 				color: ${themeColor};
-				font-family: ${fontFamily};
 				`,
 				// 二级标题
 				h2: `
-				margin:4px 0;
+				margin:10px 0 10px 0;
-				font-size: 18px;
+				font-size: 20px;
 				color: ${themeColor};
-				font-family: ${fontFamily};
 				`,
 				// 三级标题
 				h3: `
-				margin:4x 0;
+				margin:8x 0 8px 0;
-				font-size: 16px;
+				font-size: 18px;
 				color: ${themeColor};
-				font-family: ${fontFamily};
 				`,
 				// 四级标题
 				h4: `
-				margin:4px 0;
+				margin:6px 0 8px 0;
-				font-size: 15px;
+				font-size: 16px;
 				color: ${themeColor};
-				font-family: ${fontFamily};
 				`,
 				// 五级标题
 				h5: `
-				margin:4px 0;
+				margin:6px 0 8px 0;
-				font-size: 14px;
+				font-size: 16px;
 				color: ${themeColor};
-				font-family: ${fontFamily};
 				`,
 				// 六级标题
 				h6: `
-				margin:4px 0;
+				margin:6px 0 8px 0;
-				font-size: 12px;
+				font-size: 16px;
-				color: ${themeColor};
+				color: ${themeColor}
-				font-family: ${fontFamily};
 				`,
 				// 引用
 				blockquote: `
-				margin:4px 0;
+				margin:12px 0;
 				font-size:14px;
 				color: #777777;
 				border-left: 4px solid #dddddd;
 				padding: 0 10px;
-				font-family: ${fontFamily};
 				 `,
 				// 列表 
 				ul: `
-				margin: 4px 0;
+				margin: 8px 0;
 				color: #555;
 				`,
 				li: `
-				margin: 4px 0;
+				margin: 5px 0;
 				color: #555;
 				`,
 				// 链接
@@ -281,7 +259,6 @@ export default {
 				strong: `
 				font-weight: border;
 				color: ${themeColor};
-				font-family: ${fontFamily};
 				`,
 				// 斜体
 				em: `
@@ -295,14 +272,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:4px 0;
+				margin:8px 0;
 				`,
 				// 表格
 				table: `
 				border-spacing:0;
 				overflow:auto;
 				min-width:100%;
-				margin:4px 0;
+				margin:8px 0;
 				border-collapse: collapse;
 				`,
 				th: `
@@ -319,7 +296,6 @@ 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: '', // 光标样式
+      cursorText: '<text class="typing-cursor">|</text>', // 光标样式
       ...options
     };
 
@@ -59,7 +59,7 @@ class TypewriterManager {
     if (this.isTyping) return;
 
     this.isTyping = true;
-    // 不要在启动时重置displayedContent，而是从当前位置继续
+    this.displayedContent = "";
 
     this._typeNextChar();
   }
@@ -75,7 +75,7 @@ class TypewriterManager {
         this.displayedContent.length + 1
       );
       
-      const displayContent = this.displayedContent;
+      const displayContent = this.displayedContent + this.options.cursorText;
       
       // 调用内容更新回调
       if (this.onContentUpdate) {
@@ -87,12 +87,10 @@ class TypewriterManager {
         this.onCharacterTyped(this.displayedContent);
       }
 
-      // 确保最小延迟，避免定时器堆积
+      // 继续下一个字符
-      const delay = Math.max(this.options.typingSpeed, 30); // 设置最小延迟30ms
       this.typewriterTimer = setTimeout(() => {
         this._typeNextChar();
-      }, delay);
+      }, this.options.typingSpeed);
-      
     } else {
       // 打字完成，移除光标
       if (this.onContentUpdate) {