From 5de2667c2dc682ab0c423c710408e311c809b511 Mon Sep 17 00:00:00 2001
From: liqian <735273025@qq.com>
Date: Wed, 22 Jan 2025 18:04:00 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E4=BF=AE=E6=94=B9nas=E5=B8=AE?=
 =?UTF-8?q?=E5=8A=A9=E4=B8=AD=E5=BF=83=E8=81=94=E7=B3=BB=E6=88=91=E4=BB=AC?=
 =?UTF-8?q?=E5=8F=AF=E4=BB=A5=E7=82=B9=E5=87=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/index/view/tops_nas/helper.phtml | 44 ++++++++++++++++------------
 1 file changed, 26 insertions(+), 18 deletions(-)

diff --git a/app/index/view/tops_nas/helper.phtml b/app/index/view/tops_nas/helper.phtml
index 0d60520..d0fde51 100644
--- a/app/index/view/tops_nas/helper.phtml
+++ b/app/index/view/tops_nas/helper.phtml
@@ -137,6 +137,9 @@
           flex: 1;
           color: #1f2635;
           font-size: 1rem;
+          white-space: nowrap; /* 不允许换行 */
+          overflow: hidden;  /* 超出部分隐藏 */
+          text-overflow: ellipsis; /* 超出部分显示省略号 */
         }
         .narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit .nhlp-tx-list .ckgdbt {
           background: #fff;
@@ -360,74 +363,74 @@
 			<h1 class=" helph1 lxwmtitle">联系我们</h1>
 			<div class="nhlp-row">
 				{if condition="$banners_size > 0"}
-				<div class="nhlplxwmit nhlplxwmit-w1">
+				<a href="{$banners[0]['link']}" class="nhlplxwmit nhlplxwmit-w1">
 					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx1.png" class="lximg" />
 					{if condition="!empty($banners[0]['picture']) && $banners[0]['picture'] != '/uploads/nopic.jpg'"}
 					<img src="{$banners[0]['picture']}" class="lxewmimg">
 					{/if}
 					<span class="t1">{$banners[0]['name']}</span>
 					<span class="t2">{$banners[0]['desc']}</span>
-				</div>
+				</a>
 				{/if}
 				{if condition="$banners_size > 1"}
-				<div class="nhlplxwmit nhlplxwmit-w1">
+				<a href="{$banners[1]['link']}" class="nhlplxwmit nhlplxwmit-w1">
 					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx2.png" class="lximg" />
 					{if condition="!empty($banners[1]['picture']) && $banners[1]['picture'] != '/uploads/nopic.jpg'"}
 					<img src="{$banners[1]['picture']}" class="lxewmimg">
 					{/if}
 					<span class="t1">{$banners[1]['name']}</span>
 					<span class="t2">{$banners[1]['desc']}</span>
-				</div>
+        </a>
 				{/if}
 				{if condition="$banners_size > 2"}
-				<div class="nhlplxwmit nhlplxwmit-w1" style="margin-right: 0;">
+				<a href="{$banners[2]['link']}" class="nhlplxwmit nhlplxwmit-w1" style="margin-right: 0;">
 					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx3.png" class="lximg" />
 					{if condition="!empty($banners[2]['picture']) && $banners[2]['picture'] != '/uploads/nopic.jpg'"}
 					<img src="{$banners[2]['picture']}" class="lxewmimg">
 					{/if}
 					<span class="t1">{$banners[2]['name']}</span>
 					<span class="t2">{$banners[2]['desc']}</span>
-				</div>
+        </a>
 				{/if}
 				{if condition="$banners_size > 3"}
-				<div class="nhlplxwmit nhlplxwmit-w2">
+				<a href="{$banners[3]['link']}" class="nhlplxwmit nhlplxwmit-w2">
 					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx4.png" class="lximg" />
 					{if condition="!empty($banners[3]['picture']) && $banners[3]['picture'] != '/uploads/nopic.jpg'"}
 					<img src="{$banners[3]['picture']}" class="lxewmimg">
 					{/if}
 					<span class="t1">{$banners[3]['name']}</span>
 					<span class="t2">{$banners[3]['desc']}</span>
-				</div>
+        </a>
 				{/if}
 				{if condition="$banners_size > 4"}
-				<div class="nhlplxwmit nhlplxwmit-w2">
+				<a href="{$banners[4]['link']}" class="nhlplxwmit nhlplxwmit-w2">
 					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx5.png" class="lximg" />
 					{if condition="!empty($banners[4]['picture']) && $banners[4]['picture'] != '/uploads/nopic.jpg'"}
 					<img src="{$banners[4]['picture']}" class="lxewmimg">
 					{/if}
 					<span class="t1">{$banners[4]['name']}</span>
 					<span class="t2">{$banners[4]['desc']}</span>
-				</div>
+        </a>
 				{/if}
 				{if condition="$banners_size > 5"}
-				<div class="nhlplxwmit nhlplxwmit-w2">
+				<a href="{$banners[5]['link']}" class="nhlplxwmit nhlplxwmit-w2">
 					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx6.png" class="lximg" />
 					{if condition="!empty($banners[5]['picture']) && $banners[5]['picture'] != '/uploads/nopic.jpg'"}
 					<img src="{$banners[5]['picture']}" class="lxewmimg">
 					{/if}
 					<span class="t1">{$banners[5]['name']}</span>
 					<span class="t2">{$banners[5]['desc']}</span>
-				</div>
+        </a>
 				{/if}
 				{if condition="$banners_size > 6"}
-				<div class="nhlplxwmit nhlplxwmit-w2" style="margin-right: 0;">
+				<a href="{$banners[6]['link']}" class="nhlplxwmit nhlplxwmit-w2" style="margin-right: 0;">
 					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx7.png" class="lximg" />
 					{if condition="!empty($banners[6]['picture']) && $banners[6]['picture'] != '/uploads/nopic.jpg'"}
 					<img src="{$banners[6]['picture']}" class="lxewmimg">
 					{/if}
 					<span class="t1">{$banners[6]['name']}</span>
 					<span class="t2">{$banners[6]['desc']}</span>
-				</div>
+        </a>
 				{/if}
 			</div>
 		</div>
@@ -472,10 +475,15 @@
 					$('#dropdown').hide();
 				}
 			});
-			$('.nhlplxwmit:not(:first)').click(function() {
-				$(this).find('.lximg').toggle();
-				$(this).find('.lxewmimg').toggle();
-			});
+            $('.nhlplxwmit:not(:first)').hover(function() {
+                // 当鼠标移入时，显示.lxewmimg 并隐藏.lximg
+                $(this).find('.lxewmimg').show();
+                $(this).find('.lximg').hide();
+            }, function() {
+                // 当鼠标移出时，隐藏.lxewmimg 并显示.lximg
+                $(this).find('.lxewmimg').hide();
+                $(this).find('.lximg').show();
+            });
 		});
 	</script>
 </html>
\ No newline at end of file