From 611a10b872730fb56c504d25b4c6644bf5dbab45 Mon Sep 17 00:00:00 2001
From: yiqiu <yiqiu@ycyaw.com>
Date: Sat, 22 Nov 2025 00:37:09 +0800
Subject: [PATCH] =?UTF-8?q?=E7=B3=8A=E7=B3=8A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 common/theme.css                              | 10 +++----
 css/index.css                                 | 15 +++++++++++
 index.html                                    |  1 +
 js/index.js                                   | 26 +++++++++++++++++++
 .../template/admin/index.html                 |  9 ++++++-
 5 files changed, 55 insertions(+), 6 deletions(-)

diff --git a/common/theme.css b/common/theme.css
index 260078f..4fc6ce5 100644
--- a/common/theme.css
+++ b/common/theme.css
@@ -105,11 +105,11 @@ a:hover {
   cursor: pointer;
 }
 
-.btn2 {
-  padding: 8px 32px;
-  opacity: 1;
-  border-radius: 3px;
-  cursor: pointer;
+.btn2 {
+  padding: 10px 40px;
+  opacity: 1;
+  border-radius: 3px;
+  cursor: pointer;
 }
 
 
diff --git a/css/index.css b/css/index.css
index b3fb9e5..86098bd 100644
--- a/css/index.css
+++ b/css/index.css
@@ -75,6 +75,21 @@
   pointer-events: auto;
 }
 
+/* 轮播文案标签 */
+.banner-tags {
+  margin-bottom: 12px;
+}
+
+.banner-tag-pill {
+  display: inline-block;
+  margin-right: 8px;
+  padding: 2px 8px;
+  font-size: 12px;
+  border-radius: 999px;
+  background: rgba(29, 78, 216, 0.08);
+  color: #1D4ED8;
+}
+
 /* 3D 地球容器：与 section-content 右对齐（和下方卡片区域右边保持一致） */
 .banner-globe {
   position: absolute;
diff --git a/index.html b/index.html
index 91fb068..45dd75a 100644
--- a/index.html
+++ b/index.html
@@ -25,6 +25,7 @@
       <div class="banner-text">
         <div class="section-content">
           <div class="banner-copy">
+            <div id="bannerTags" class="banner-tags"></div>
             <h1 id="bannerTitle"></h1>
             <p class="banner-desc" id="bannerDesc"></p>
             <a
diff --git a/js/index.js b/js/index.js
index f984aea..ab9d27a 100644
--- a/js/index.js
+++ b/js/index.js
@@ -41,6 +41,26 @@ $(function () {
     }
     const idx = index >= 0 && index < bannerData.length ? index : 0;
     const item = bannerData[idx] || {};
+    // 标签渲染：标题上方的小块标签
+    const $tagsWrap = $("#bannerTags");
+    if ($tagsWrap.length) {
+      $tagsWrap.empty();
+      const rawTags = item.tags || "";
+      const tags = rawTags
+        .split(/[，,]/)
+        .map((t) => t.trim())
+        .filter((t) => t);
+      tags.forEach((tag) => {
+        $tagsWrap.append(
+          `<span class="banner-tag-pill">${tag}</span>`
+        );
+      });
+      if (tags.length === 0) {
+        $tagsWrap.hide();
+      } else {
+        $tagsWrap.show();
+      }
+    }
     $("#bannerTitle").text(item.title || "");
     $("#bannerDesc").text(item.description || "");
     const $btn = $("#bannerButton");
@@ -76,6 +96,12 @@ $(function () {
     }
     bannerTextTimer = setInterval(() => {
       current = (current + 1) % bannerData.length;
+      // 淡入动画：先让文案透明，再渐显
+      const $copy = $(".banner-copy");
+      $copy
+        .stop(true, true)
+        .css({ opacity: 0 })
+        .animate({ opacity: 1 }, 400);
       updateBannerText(current);
     }, 5000);
   };
diff --git a/plugins/addon/theme_configurator/template/admin/index.html b/plugins/addon/theme_configurator/template/admin/index.html
index ef48d0c..ac17680 100644
--- a/plugins/addon/theme_configurator/template/admin/index.html
+++ b/plugins/addon/theme_configurator/template/admin/index.html
@@ -277,6 +277,13 @@
               <label>描述</label>
               <t-input v-model="banner.description" placeholder="一句宣传语"></t-input>
             </div>
+            <div class="form-item form-item--full">
+              <label>标签</label>
+              <t-input
+                v-model="banner.tags"
+                placeholder="如：高速,低价,安全（多个标签用逗号分隔）"
+              ></t-input>
+            </div>
             <div class="form-item">
               <label>跳转链接</label>
               <t-input v-model="banner.url" placeholder="/cloud.html"></t-input>
@@ -896,7 +903,7 @@
           this.bannerList.push({
             title: "",
             description: "",
-            img: "",
+            tags: "",
             url: "",
             blank: false,
             button_text: "",