TitleDescription.vue组件优化

app/components/TitleDescription.vue

@@ -8,10 +8,10 @@
       {{ title }}
     </view>
     <view class="text-xl lg:mx-32 mx-6 mb-6 text-muted">
-      利用物联网、人工智能等技术，集成蜂箱数据采集硬件设备及数据管理系统，协助养蜂人员远程实时获取、监控蜂箱内部环境，减少频繁开箱操作，同时提供
+      {{ description }}
-      预警功能辅助养殖决策，推动从传统经验养蜂到智能化养蜂转型，提高管理效率。根据不同需求分为基础版、标准版、高级版三种产品。
     </view>
   </view>
+
 </template>
 
 <script setup>
@@ -23,6 +23,10 @@ defineProps({
   subtitle: {
     type: String,
     default: '默认副标题'
+  },
+  description: {
+    type: String,
+    default: '默认描述'
   }
 })
 </script>

app/components/product/beenFactory/Hero.vue

@@ -34,6 +34,8 @@ const cardItems = ref([
   <img alt="" class="w-max" src="/img/product/beenFactory/banner.png">
 
   <TitleDescription
+      description="利用物联网、人工智能等技术，集成蜂箱数据采集硬件设备及数据管理系统，协助养蜂人员远程实时获取、监控蜂箱内部环境，减少频繁开箱操作，同时提供
+      预警功能辅助养殖决策，推动从传统经验养蜂到智能化养蜂转型，提高管理效率。根据不同需求分为基础版、标准版、高级版三种产品。"
       subtitle="SERVICE INTRODUCTION"
       title="服务简介"
   />