feat: 调整商品详情的展示样式

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/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,34 +18,33 @@
 </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-top: 4px;
+  margin: 4px 0 6px;
 
   .mk-card-item {
     flex-shrink: 0; /* 关键：防止 flex 布局压缩子元素宽度 */
@@ -87,5 +89,4 @@
     }
   }
 }
-
 </style>