From 062308d61c86cdc24f20708d0600a1d3e305e379 Mon Sep 17 00:00:00 2001
From: wyt <1955803161@qq.com>
Date: Wed, 29 Oct 2025 20:18:37 +0800
Subject: [PATCH] =?UTF-8?q?=E5=90=B4=E9=9B=A8=E7=9E=B3=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E4=BA=86=E6=B3=A8=E9=87=8A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/Feature/src/Feature.vue       | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/aurora-vue/aurora-blog/src/components/Feature/src/Feature.vue b/aurora-vue/aurora-blog/src/components/Feature/src/Feature.vue
index 4a210f7..75d989a 100644
--- a/aurora-vue/aurora-blog/src/components/Feature/src/Feature.vue
+++ b/aurora-vue/aurora-blog/src/components/Feature/src/Feature.vue
@@ -1,26 +1,36 @@
 <template>
+  <!-- 特色内容组件容器，设置id用于标识 -->
   <div id="feature">
+    <!-- 引入水平文章组件，并并添加类名用于样式定制 -->
     <horizontal-article class="home-horizontal-article" />
+    <!-- 插槽：用于插入额外的特色内容，增强组件灵活性 -->
     <slot />
   </div>
 </template>
+
 <script lang="ts">
+// 导入Vue的defineComponent用于定义组件
 import { defineComponent } from 'vue'
+// 导入水平文章组件
 import HorizontalArticle from '@/components/ArticleCard/src/HorizontalArticle.vue'
 
+// 定义Feature组件
 export default defineComponent({
-  name: 'Feature',
-  components: { HorizontalArticle },
+  name: 'Feature', // 组件名称
+  components: { HorizontalArticle }, // 注册子组件
   setup() {
+    // 组件逻辑设置，此处无额外逻辑
     return {}
   }
 })
 </script>
 
 <style lang="scss">
+// 针对水平文章组件在特色内容区域的样式定制
 .home-horizontal-article {
   .feature-content {
     p {
+      // 文本溢出处理：超出4行显示省略号
       overflow: hidden;
       text-overflow: ellipsis;
       display: -webkit-box;
@@ -29,4 +39,4 @@ export default defineComponent({
     }
   }
 }
-</style>
+</style>
\ No newline at end of file