添加simulator部分

docs/components/index.vue

@@ -2,7 +2,6 @@
   <section class="tencent-showcase">
     <div class="ten_main">
       <div class="ten_links">
-        <!-- 公司简介卡片 -->
         <a 
           href="/devstar" 
           class="ten_img"
@@ -11,7 +10,7 @@
         >
           <img 
             src="/public/promotional-graphic-devstar.png" 
-            alt="公司简介" 
+            alt="devstar" 
             class="tencent-image"
             :class="{ 'image-hover': hoverItem === 'about' }"
           >
@@ -20,7 +19,6 @@
           </div>
         </a>
 
-        <!-- 企业文化卡片 -->
         <a 
           href="/cloudbuild" 
           class="ten_img"
@@ -29,7 +27,7 @@
         >
           <img 
             src="/public/promotional-graphic-cloudbuild.jpg" 
-            alt="企业文化" 
+            alt="cloudbuild" 
             class="tencent-image"
             :class="{ 'image-hover': hoverItem === 'culture' }"
           >
@@ -38,7 +36,6 @@
           </div>
         </a>
 
-        <!-- 办公地点卡片 -->
         <a 
           href="/simulator" 
           class="ten_img"
@@ -47,7 +44,7 @@
         >
           <img 
             src="/public/promotional-graphic-simulator.jpg" 
-            alt="办公地点" 
+            alt="simulator" 
             class="tencent-image"
             :class="{ 'image-hover': hoverItem === 'office' }"
           >
@@ -62,7 +59,7 @@
 
 <script>
 export default {
-  name: 'TencentShowcase',
+  name: 'Showcase',
   data() {
     return {
       hoverItem: null
@@ -104,11 +101,11 @@ export default {
   transform: translateY(-5px);
 }
 
-/* 图片样式 - 严格按第一张图要求 */
+/* 图片样式  */
 .tencent-image {
   width: 100%;
   height: 200px;
-  object-fit: contain;
+  /* object-fit: contain; */
   object-position: center;
   background-color: #f5f7fa;
   /* padding: 20px; */
@@ -121,7 +118,7 @@ export default {
   background-color: #e3f2fd;
 }
 
-/* 文字区域 - 按第三张图效果 */
+/* 文字区域  */
 .ten_img_txt {
   position: absolute;
   bottom: 0;
@@ -148,7 +145,7 @@ export default {
   padding-bottom: 8px;
 }
 
-/* 悬浮时显示的下划线 - 按第三张图要求 */
+/* 悬浮时显示的下划线  */
 .text-hover h2::after {
   content: "";
   position: absolute;