refactor: 修改nas帮助中心联系我们可以点击

This commit is contained in:
2025-01-22 18:04:00 +08:00
parent c4ab3af43a
commit 5de2667c2d

View File

@@ -137,6 +137,9 @@
flex: 1; flex: 1;
color: #1f2635; color: #1f2635;
font-size: 1rem; font-size: 1rem;
white-space: nowrap; /* 不允许换行 */
overflow: hidden; /* 超出部分隐藏 */
text-overflow: ellipsis; /* 超出部分显示省略号 */
} }
.narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit .nhlp-tx-list .ckgdbt { .narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit .nhlp-tx-list .ckgdbt {
background: #fff; background: #fff;
@@ -360,74 +363,74 @@
<h1 class=" helph1 lxwmtitle">联系我们</h1> <h1 class=" helph1 lxwmtitle">联系我们</h1>
<div class="nhlp-row"> <div class="nhlp-row">
{if condition="$banners_size > 0"} {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" /> <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'"} {if condition="!empty($banners[0]['picture']) && $banners[0]['picture'] != '/uploads/nopic.jpg'"}
<img src="{$banners[0]['picture']}" class="lxewmimg"> <img src="{$banners[0]['picture']}" class="lxewmimg">
{/if} {/if}
<span class="t1">{$banners[0]['name']}</span> <span class="t1">{$banners[0]['name']}</span>
<span class="t2">{$banners[0]['desc']}</span> <span class="t2">{$banners[0]['desc']}</span>
</div> </a>
{/if} {/if}
{if condition="$banners_size > 1"} {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" /> <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'"} {if condition="!empty($banners[1]['picture']) && $banners[1]['picture'] != '/uploads/nopic.jpg'"}
<img src="{$banners[1]['picture']}" class="lxewmimg"> <img src="{$banners[1]['picture']}" class="lxewmimg">
{/if} {/if}
<span class="t1">{$banners[1]['name']}</span> <span class="t1">{$banners[1]['name']}</span>
<span class="t2">{$banners[1]['desc']}</span> <span class="t2">{$banners[1]['desc']}</span>
</div> </a>
{/if} {/if}
{if condition="$banners_size > 2"} {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" /> <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'"} {if condition="!empty($banners[2]['picture']) && $banners[2]['picture'] != '/uploads/nopic.jpg'"}
<img src="{$banners[2]['picture']}" class="lxewmimg"> <img src="{$banners[2]['picture']}" class="lxewmimg">
{/if} {/if}
<span class="t1">{$banners[2]['name']}</span> <span class="t1">{$banners[2]['name']}</span>
<span class="t2">{$banners[2]['desc']}</span> <span class="t2">{$banners[2]['desc']}</span>
</div> </a>
{/if} {/if}
{if condition="$banners_size > 3"} {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" /> <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'"} {if condition="!empty($banners[3]['picture']) && $banners[3]['picture'] != '/uploads/nopic.jpg'"}
<img src="{$banners[3]['picture']}" class="lxewmimg"> <img src="{$banners[3]['picture']}" class="lxewmimg">
{/if} {/if}
<span class="t1">{$banners[3]['name']}</span> <span class="t1">{$banners[3]['name']}</span>
<span class="t2">{$banners[3]['desc']}</span> <span class="t2">{$banners[3]['desc']}</span>
</div> </a>
{/if} {/if}
{if condition="$banners_size > 4"} {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" /> <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'"} {if condition="!empty($banners[4]['picture']) && $banners[4]['picture'] != '/uploads/nopic.jpg'"}
<img src="{$banners[4]['picture']}" class="lxewmimg"> <img src="{$banners[4]['picture']}" class="lxewmimg">
{/if} {/if}
<span class="t1">{$banners[4]['name']}</span> <span class="t1">{$banners[4]['name']}</span>
<span class="t2">{$banners[4]['desc']}</span> <span class="t2">{$banners[4]['desc']}</span>
</div> </a>
{/if} {/if}
{if condition="$banners_size > 5"} {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" /> <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'"} {if condition="!empty($banners[5]['picture']) && $banners[5]['picture'] != '/uploads/nopic.jpg'"}
<img src="{$banners[5]['picture']}" class="lxewmimg"> <img src="{$banners[5]['picture']}" class="lxewmimg">
{/if} {/if}
<span class="t1">{$banners[5]['name']}</span> <span class="t1">{$banners[5]['name']}</span>
<span class="t2">{$banners[5]['desc']}</span> <span class="t2">{$banners[5]['desc']}</span>
</div> </a>
{/if} {/if}
{if condition="$banners_size > 6"} {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" /> <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'"} {if condition="!empty($banners[6]['picture']) && $banners[6]['picture'] != '/uploads/nopic.jpg'"}
<img src="{$banners[6]['picture']}" class="lxewmimg"> <img src="{$banners[6]['picture']}" class="lxewmimg">
{/if} {/if}
<span class="t1">{$banners[6]['name']}</span> <span class="t1">{$banners[6]['name']}</span>
<span class="t2">{$banners[6]['desc']}</span> <span class="t2">{$banners[6]['desc']}</span>
</div> </a>
{/if} {/if}
</div> </div>
</div> </div>
@@ -472,9 +475,14 @@
$('#dropdown').hide(); $('#dropdown').hide();
} }
}); });
$('.nhlplxwmit:not(:first)').click(function() { $('.nhlplxwmit:not(:first)').hover(function() {
$(this).find('.lximg').toggle(); // 当鼠标移入时,显示.lxewmimg 并隐藏.lximg
$(this).find('.lxewmimg').toggle(); $(this).find('.lxewmimg').show();
$(this).find('.lximg').hide();
}, function() {
// 当鼠标移出时,隐藏.lxewmimg 并显示.lximg
$(this).find('.lxewmimg').hide();
$(this).find('.lximg').show();
}); });
}); });
</script> </script>