From bfaef4b0b5141d14fd037881728c6dcd78680407 Mon Sep 17 00:00:00 2001
From: peijunlei <pjl@suq.cn>
Date: Sat, 5 Sep 2026 16:35:38 +0800
Subject: [PATCH] =?UTF-8?q?refactor(download):=20=E6=9B=B4=E6=96=B0?=
 =?UTF-8?q?=E4=B8=8B=E8=BD=BD=E9=93=BE=E6=8E=A5=E6=A0=B7=E5=BC=8F=E5=92=8C?=
 =?UTF-8?q?=E7=BB=93=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将下载名称包裹在链接中以增强可点击性
- 添加链接的hover效果以改善用户体验
- 确保链接在新标签页中打开以提高可用性
---
 public/themes/dist_static/static/css/product.css | 8 ++++++++
 public/themes/website/1/zh/demo/product.html     | 4 +++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/public/themes/dist_static/static/css/product.css b/public/themes/dist_static/static/css/product.css
index 2b6cc19..64aa357 100644
--- a/public/themes/dist_static/static/css/product.css
+++ b/public/themes/dist_static/static/css/product.css
@@ -593,6 +593,14 @@ body.is-p-subnav .site-header {
   font-weight: 400;
   line-height: var(--font-32);
 }
+.p-download__name a {
+  color: inherit;
+  text-decoration: none;
+  transition: color var(--duration-fast) var(--easing);
+}
+.p-download__name a:hover {
+  color: var(--color-primary);
+}
 .p-download__meta {
   display: flex;
   align-items: center;
diff --git a/public/themes/website/1/zh/demo/product.html b/public/themes/website/1/zh/demo/product.html
index cd1c55f..e2f23cb 100644
--- a/public/themes/website/1/zh/demo/product.html
+++ b/public/themes/website/1/zh/demo/product.html
@@ -302,7 +302,9 @@ $resource_download = $main_content['resource_download'] ?? [];
           {/php}
           <li class="p-download__item">
             <div class="p-download__info">
-              <h3 class="p-download__name">{$nameTmp}</h3>
+              <h3 class="p-download__name">
+                <a href="{$downloadUrl}" target="_blank" rel="noopener" title="预览">{$nameTmp}</a>
+              </h3>
               <p class="p-download__meta">
                 <span>{$descTmp}</span>
                 <span class="p-download__meta-divider"></span>