feat: 将荣誉资质模块布局重构为响应式网格，并移除其描述字段

css/index.css

@@ -1813,11 +1813,7 @@
 }
 
 /* ============================================
-   企业荣誉展示区域 - 精致卡片设计
+   企业资质与荣誉 - 网格布局设计
-   ============================================ */
-
-/* ============================================
-   企业资质与荣誉 - 左右布局设计
    ============================================ */
 .honor-section {
   margin-top: 80px;
@@ -1890,132 +1886,48 @@
   line-height: 1.8;
 }
 
-/* 左右布局容器 */
+/* 网格布局容器 */
-.honor-wrapper {
+.honor-grid {
-  display: flex;
+  display: grid;
-  gap: 60px;
+  grid-template-columns: repeat(6, 1fr);
-  max-width: 1200px;
+  gap: 24px;
+  max-width: 1400px;
   margin: 0 auto;
   padding: 0 20px;
-  align-items: flex-start;
   position: relative;
   z-index: 1;
 }
 
-/* 左侧Tab区域 */
+/* 网格项样式 */
-.honor-sidebar {
+.honor-grid-item {
-  flex: 0 0 400px;
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-}
-
-.honor-tabs {
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-}
-
-/* Tab按钮样式 */
-.honor-tab {
   background: rgba(30, 41, 59, 0.6);
   backdrop-filter: blur(20px);
   border: 1px solid rgba(148, 163, 184, 0.2);
   border-radius: 12px;
-  padding: 20px 24px;
+  padding: 20px;
-  cursor: pointer;
   transition: all 0.3s ease;
-  text-align: left;
-  position: relative;
   overflow: hidden;
-}
-
-.honor-tab::before {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  width: 4px;
-  background: linear-gradient(180deg, #38BDF8, #6366F1);
-  opacity: 0;
-  transition: opacity 0.3s ease;
-}
-
-.honor-tab:hover {
-  border-color: rgba(56, 189, 248, 0.4);
-  background: rgba(30, 41, 59, 0.8);
-  transform: translateX(4px);
-}
-
-.honor-tab.active {
-  border-color: rgba(56, 189, 248, 0.5);
-  background: rgba(30, 41, 59, 0.9);
-  box-shadow: 0 8px 24px rgba(56, 189, 248, 0.2);
-}
-
-.honor-tab.active::before {
-  opacity: 1;
-}
-
-.honor-tab-content h4 {
-  font-size: 18px;
-  font-weight: 600;
-  color: #F9FAFB;
-  margin: 0 0 8px 0;
-  transition: color 0.3s ease;
-}
-
-.honor-tab.active .honor-tab-content h4 {
-  color: #38BDF8;
-}
-
-.honor-tab-content p {
-  font-size: 14px;
-  color: rgba(203, 213, 225, 0.8);
-  margin: 0;
-  line-height: 1.6;
-}
-
-/* 右侧图片展示区 */
-.honor-display {
-  flex: 1;
-  position: relative;
-  min-height: 500px;
-}
-
-.honor-slides {
-  position: relative;
-  width: 100%;
-  height: 100%;
-}
-
-.honor-slide {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  opacity: 0;
-  visibility: hidden;
-  transition: opacity 0.5s ease, visibility 0.5s ease;
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
-.honor-slide.active {
+.honor-grid-item:hover {
-  opacity: 1;
+  border-color: rgba(56, 189, 248, 0.4);
-  visibility: visible;
+  background: rgba(30, 41, 59, 0.8);
-  position: relative;
+  box-shadow: 0 8px 24px rgba(56, 189, 248, 0.2);
+  transform: translateY(-4px);
 }
 
-.honor-slide img {
+.honor-grid-item img {
-  max-width: 100%;
+  width: 100%;
-  height: auto;
+  height: 180px;
-  border-radius: 12px;
+  object-fit: contain;
-  box-shadow: 0 12px 40px rgba(15, 23, 42, 0.5);
+  transition: all 0.3s ease;
-  border: 1px solid rgba(148, 163, 184, 0.2);
+}
+
+.honor-grid-item:hover img {
+  transform: scale(1.05);
 }
 
 .honor-list {
@@ -2026,7 +1938,6 @@
   width: 100%;
   max-width: 300px;
 }
-}
 
 /* 旧样式保留（兼容性） */
 .cert {
@@ -3085,30 +2996,19 @@ html {
     font-size: 11px;
   }
 
-  .honor-list {
+  /* 网格布局 - 平板端3列 */
-    gap: 12px;
+  .honor-grid {
+    grid-template-columns: repeat(3, 1fr);
+    gap: 16px;
     padding: 0 12px;
   }
 
-  .honor-item {
+  .honor-grid-item {
-    width: calc(50% - 6px);
+    padding: 16px;
-    /* 改为2列布局 */
-    padding: 20px 16px;
   }
 
-  .honor-icon {
+  .honor-grid-item img {
-    width: 80px;
+    height: 140px;
-    height: 80px;
-    margin-bottom: 12px;
-  }
-
-  .honor-icon img {
-    width: 50px;
-    height: 50px;
-  }
-
-  .honor-name {
-    font-size: 13px;
   }
 
   /* ===== 新闻区域 - 紧凑 ===== */
@@ -3501,27 +3401,19 @@ html {
     font-size: 18px;
   }
 
-  .honor-list {
+  /* 网格布局 - 移动端2列 */
-    gap: 10px;
+  .honor-grid {
+    grid-template-columns: repeat(2, 1fr);
+    gap: 12px;
+    padding: 0 10px;
   }
 
-  .honor-item {
+  .honor-grid-item {
-    padding: 16px 12px;
+    padding: 12px;
   }
 
-  .honor-icon {
+  .honor-grid-item img {
-    width: 70px;
+    height: 120px;
-    height: 70px;
-    margin-bottom: 10px;
-  }
-
-  .honor-icon img {
-    width: 45px;
-    height: 45px;
-  }
-
-  .honor-name {
-    font-size: 12px;
   }
 
   /* ===== 新闻 - 紧凑 ===== */
@@ -4057,31 +3949,19 @@ html {
     font-size: 9px;
   }
 
-  .honor-list {
+  /* 网格布局 - 小屏幕2列 */
+  .honor-grid {
+    grid-template-columns: repeat(2, 1fr);
     gap: 8px;
     padding: 0 8px;
   }
 
-  .honor-item {
+  .honor-grid-item {
-    width: calc(50% - 4px);
+    padding: 10px;
-    padding: 12px 8px;
-    padding-bottom: 8px;
   }
 
-  .honor-icon {
+  .honor-grid-item img {
-    width: 60px;
+    height: 100px;
-    height: 60px;
-    margin-bottom: 6px;
-  }
-
-  .honor-icon img {
-    width: 35px;
-    height: 35px;
-  }
-
-  .honor-name {
-    font-size: 10px;
-    line-height: 1.2;
   }
 
   /* ===== 新闻 - 极简 ===== */

index.html

@@ -633,21 +633,9 @@
           <p class="honor-subtitle">实体企业,资质齐全,技术独立<br>国三资资质证书+增值电信业务经营许可证(ISP资质)+其他资质齐全,可帮助用户办理ICP备案、公安备案等</p>
         </div>
 
-        <!-- 左右布局容器 -->
+        <!-- 网格布局容器 -->
-        <div class="honor-wrapper">
+        <div class="honor-grid" id="honorGrid">
-          <!-- 左侧切换按钮和描述 -->
+          <!-- 动态生成图片网格 -->
-          <div class="honor-sidebar">
-            <div class="honor-tabs" id="honorTabs">
-              <!-- 动态生成切换按钮 -->
-            </div>
-          </div>
-
-          <!-- 右侧图片展示 -->
-          <div class="honor-display">
-            <div class="honor-slides" id="honorSlides">
-              <!-- 动态生成图片 -->
-            </div>
-          </div>
         </div>
       </div>
     </div>

js/index.js

@@ -90,29 +90,16 @@ $(function () {
     $("#certBox").empty();
     $("#partnerBox").empty();
 
-    // 荣誉资质 - 左右布局
+    // 荣誉资质 - 网格布局
     if (commentObj.honor && commentObj.honor.length > 0) {
       commentObj.honor.forEach((item, index) => {
-        // 生成左侧Tab按钮
+        // 生成网格项
-        $("#honorTabs").append(`
+        $("#honorGrid").append(`
-          <button class="honor-tab ${index === 0 ? 'active' : ''}" data-index="${index}">
+          <div class="honor-grid-item">
-            <div class="honor-tab-content">
+            <img src="${item.img}" alt="${item.name}" title="${item.name}">
-              <h4>${item.name}</h4>
-              ${item.description ? `<p>${item.description}</p>` : ''}
-            </div>
-          </button>
-        `);
-
-        // 生成右侧图片slide
-        $("#honorSlides").append(`
-          <div class="honor-slide ${index === 0 ? 'active' : ''}">
-            <img src="${item.img}" alt="${item.name}">
           </div>
         `);
       });
-
-      // 初始化点击切换事件
-      initHonorTabs();
     }
     // 合作伙伴
     if (commentObj.partner && commentObj.partner.length > 0) {
@@ -266,26 +253,6 @@ $(function () {
     location.href = "partner/cps.html";
   });
 
-  // ============================================
-  // 荣誉资质切换功能
-  // ============================================
-  function initHonorTabs() {
-    const $tabs = $('.honor-tab');
-    const $slides = $('.honor-slide');
-
-    $tabs.on('click', function () {
-      const index = $(this).data('index');
-
-      // 更新tab active状态
-      $tabs.removeClass('active');
-      $(this).addClass('active');
-
-      // 更新slide active状态
-      $slides.removeClass('active');
-      $slides.eq(index).addClass('active');
-    });
-  }
-
   // ============================================
   // 全场景全栈解决方案 - 幻灯片功能
   // ============================================

plugins/addon/theme_configurator/template/admin/index.html

@@ -268,11 +268,6 @@
               <label>名称</label>
               <t-input v-model="item.name" placeholder="高新技术企业"></t-input>
             </div>
-            <div class="form-item form-item--full">
-              <label>介绍描述</label>
-              <t-textarea v-model="item.description" :autosize="{ minRows: 3, maxRows: 6 }"
-                placeholder="详细描述该资质或荣誉的内容、获得时间、认证机构等信息"></t-textarea>
-            </div>
             <div class="form-item form-item--full">
               <label>图片地址</label>
               <div class="upload-row">
@@ -807,7 +802,7 @@
           }
           this.fullConfig.honor.push({
             name: "",
-            img: "",
+            img: ""
           });
         },
         removeHonor(index) {