jsasg/orico-official-website-old
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor: 修改英文nas相关

Browse Source
This commit is contained in:
liqian
2025-04-15 14:38:34 +08:00
parent 473b84cd11
commit 22079afadb
9 changed files with 154 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/mobile/view/tops_nas/download.phtml
View File

@@ -120,6 +120,12 @@
width: 50%; width: 50%;
height: 50%; height: 50%;
} }
.narswljshow .nDtopIt2 .nDitImg .yy_name{
font-size: 1.1rem;
padding-bottom: 10px;
padding-top:5px;
font-weight: bold;
}
</style> </style>
</head> </head>

1
app/us/view/include/top-header-nas.phtml
View File

@@ -4,7 +4,6 @@
class="logico" class="logico"
style="cursor:pointer;" style="cursor:pointer;"
src="__PUBLIC__/web/images/logo_nas.png" src="__PUBLIC__/web/images/logo_nas.png"
onclick="location.href='{:url(\'TopsNas/index\')}'"
/> />
<nav class="headnav"> <nav class="headnav">
{volist name="nav_header" id="vo"} {volist name="nav_header" id="vo"}

45
app/us/view/tops_nas/download.phtml
View File

@@ -80,7 +80,7 @@
.narsDowloadPc .nDtopCtMian .nDtopIt2 { .narsDowloadPc .nDtopCtMian .nDtopIt2 {
width: 1200px; width: 1200px;
height: 205px; height: 230px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
@@ -88,7 +88,7 @@
.narsDowloadPc .nDtopCtMian .nDtopIt2 .nDitImg { .narsDowloadPc .nDtopCtMian .nDtopIt2 .nDitImg {
width: 231px; width: 231px;
height: 205px; height: 230px;
background: #fff; background: #fff;
display: flex; display: flex;
justify-content: center; justify-content: center;
@@ -97,12 +97,32 @@
} }
.narsDowloadPc .nDtopCtMian .nDtopIt2 .nDitImg img { .narsDowloadPc .nDtopCtMian .nDtopIt2 .nDitImg img {
width: 126px; width: 70px;
height: 126px; height: 70px;
} }
.narswljshow .nDtopIt2 .nDitImg { .narswljshow .nDtopIt2 .nDitImg {
width: 291px !important; width: 291px !important;
display: flex;
flex-direction: column;
}
.narswljshow .nDtopIt2 .nDitImg .dwbt {
padding: 6px 38px;
background: #A1A7BF;
border-radius: 20px;
color: #fff;
margin-top: 10px;
font-size: 16px;
cursor: pointer;
}
.narswljshow .nDtopIt2 .nDitImg .dwbtactive {
background: #004CFA;
}
.narswljshow .nDtopIt2 .nDitImg .yy_name{
font-size: 18px;
padding-bottom: 10px;
padding-top:5px;
font-weight: bold;
} }
</style> </style>
</head> </head>
@@ -114,16 +134,17 @@
<div class="narsDtabs"></div> <div class="narsDtabs"></div>
<!-- 微链接--> <!-- 微链接-->
<div class="nDtopCtMian narswljshow"> <div class="nDtopCtMian narswljshow">
{if condition="!empty($focus_image)"}
<div class="nDtopIt"> <div class="nDtopIt">
<img src="{$focus_image[0]['picture']}" class="tpimg" /> <img src="/frontend/web/images/download_focus_pc_us.png" class="tpimg" />
</div> </div>
{/if}
{if condition="!empty($downloads)"} {if condition="!empty($downloads)"}
<div class="nDtopIt2"> <div class="nDtopIt2">
{volist name="downloads" id="vo"} {volist name="downloads" id="vo"}
<a href="{$vo.link}" download="{$vo.desc}"> <a href="{$vo.link}" download="{$vo.desc}">
<div class="nDitImg"><img src="{$vo.picture}" /></div> <div class="nDitImg"><img src="{$vo.picture}" />
<div class="yy_name">{$vo.name}</div>
<div class="dwbt">Download</div>
</div>
</a> </a>
{/volist} {/volist}
</div> </div>
@@ -132,4 +153,12 @@
</div> </div>
{include file='include/bottom2023'/} {include file='include/bottom2023'/}
</body> </body>
<script>
$(document).ready(function() {
$('.dwbt').click(function() {
$('.dwbt').removeClass('dwbtactive');
$(this).addClass('dwbtactive');
});
});
</script>
</html> </html>

57
app/us/view/tops_nas/helper.phtml
View File

@@ -7,10 +7,6 @@
<title>帮助中心</title> <title>帮助中心</title>
{include file='include/head-nas' /} {include file='include/head-nas' /}
<style> <style>
[class*=' icon-'] {
color: #000;
}
.narshelpCenterPc { .narshelpCenterPc {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -261,7 +257,8 @@
} }
.narshelpCenterPc .nhlp-lxwm .nhlp-row .nhlplxwmit-w2 { .narshelpCenterPc .nhlp-lxwm .nhlp-row .nhlplxwmit-w2 {
width: 24.3%; /*width: 24.3%;*/
flex: 1;
} }
.narshelpCenterPc .dropdown { .narshelpCenterPc .dropdown {
@@ -423,8 +420,12 @@
<h1 class=" helph1 lxwmtitle">Contact US</h1> <h1 class=" helph1 lxwmtitle">Contact US</h1>
<div class="nhlp-row"> <div class="nhlp-row">
{if condition="$banners_size > 0"} {if condition="$banners_size > 0"}
{notempty name="banners[0]['link']"}
<a href="{$banners[0]['link']}" class="nhlplxwmit nhlplxwmit-w1" target="_blank"> <a href="{$banners[0]['link']}" class="nhlplxwmit nhlplxwmit-w1" target="_blank">
<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx1.png" class="lximg" /> {else/}
<a href="javascript:void(0);" class="nhlplxwmit nhlplxwmit-w1" target="_blank">
{/notempty}
<img src="__PUBLIC__/web/images/nas/help/nas_helper_facebook.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}
@@ -433,8 +434,12 @@
</a> </a>
{/if} {/if}
{if condition="$banners_size > 1"} {if condition="$banners_size > 1"}
{notempty name="banners[1]['link']"}
<a href="{$banners[1]['link']}" class="nhlplxwmit nhlplxwmit-w1" target="_blank"> <a href="{$banners[1]['link']}" class="nhlplxwmit nhlplxwmit-w1" target="_blank">
<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx2.png" class="lximg" /> {else/}
<a href="javascript:void(0);" class="nhlplxwmit nhlplxwmit-w1" target="_blank">
{/notempty}
<img src="__PUBLIC__/web/images/nas/help/nas_helper_instagram.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}
@@ -443,8 +448,12 @@
</a> </a>
{/if} {/if}
{if condition="$banners_size > 2"} {if condition="$banners_size > 2"}
{notempty name="banners[2]['link']"}
<a href="{$banners[2]['link']}" class="nhlplxwmit nhlplxwmit-w1" style="margin-right: 0;" target="_blank"> <a href="{$banners[2]['link']}" class="nhlplxwmit nhlplxwmit-w1" style="margin-right: 0;" target="_blank">
<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx3.png" class="lximg" /> {else/}
<a href="javascript:void(0);" class="nhlplxwmit nhlplxwmit-w1" style="margin-right: 0;" target="_blank">
{/notempty}
<img src="__PUBLIC__/web/images/nas/help/nas_helper_youtobe.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}
@@ -453,8 +462,12 @@
</a> </a>
{/if} {/if}
{if condition="$banners_size > 3"} {if condition="$banners_size > 3"}
{notempty name="banners[3]['link']"}
<a href="{$banners[3]['link']}" class="nhlplxwmit nhlplxwmit-w2" target="_blank"> <a href="{$banners[3]['link']}" class="nhlplxwmit nhlplxwmit-w2" target="_blank">
<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx4.png" class="lximg" /> {else/}
<a href="javascript:void(0);" class="nhlplxwmit nhlplxwmit-w2" target="_blank">
{/notempty}
<img src="__PUBLIC__/web/images/nas/help/nas_helper_twitter.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}
@@ -463,8 +476,12 @@
</a> </a>
{/if} {/if}
{if condition="$banners_size > 4"} {if condition="$banners_size > 4"}
<a href="{$banners[4]['link']}" class="nhlplxwmit nhlplxwmit-w2" target="_blank"> {notempty name="banners[4]['link']"}
<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx5.png" class="lximg" /> <a href="{$banners[4]['link']}" class="nhlplxwmit nhlplxwmit-w2" style="margin-right: 0;" target="_blank">
{else/}
<a href="javascript:void(0);" class="nhlplxwmit nhlplxwmit-w2" style="margin-right: 0;" target="_blank">
{/notempty}
<img src="__PUBLIC__/web/images/nas/help/nas_helper_tiktok.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}
@@ -472,16 +489,6 @@
<span class="t2">{$banners[4]['desc']}</span> <span class="t2">{$banners[4]['desc']}</span>
</a> </a>
{/if} {/if}
{if condition="$banners_size > 5"}
<a href="{$banners[5]['link']}" class="nhlplxwmit nhlplxwmit-w2" target="_blank">
<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>
</a>
{/if}
</div> </div>
</div> </div>
</div> </div>
@@ -527,11 +534,17 @@
$('#dropdown').hide(); $('#dropdown').hide();
} }
}); });
$('.nhlplxwmit:not(:first)').hover(function() { $('.nhlplxwmit').hover(function() {
if ($(this).find('.lxewmimg').length == 0) {
return false;
}
// 当鼠标移入时，显示.lxewmimg 并隐藏.lximg // 当鼠标移入时，显示.lxewmimg 并隐藏.lximg
$(this).find('.lxewmimg').show(); $(this).find('.lxewmimg').show();
$(this).find('.lximg').hide(); $(this).find('.lximg').hide();
}, function() { }, function() {
if ($(this).find('.lxewmimg').length == 0) {
return false;
}
// 当鼠标移出时，隐藏.lxewmimg 并显示.lximg // 当鼠标移出时，隐藏.lxewmimg 并显示.lximg
$(this).find('.lxewmimg').hide(); $(this).find('.lxewmimg').hide();
$(this).find('.lximg').show(); $(this).find('.lximg').show();

2
app/usmobile/view/include/top_nas.phtml
View File

@@ -2,7 +2,7 @@
<div class="m_Container clearfix"> <div class="m_Container clearfix">
<div class="left"> <div class="left">
<span class="icon-logo cursor_p"> <span class="icon-logo cursor_p">
<a href="__ORICOROOT__/index"> <a href="javascript:void(0);">
<img src="__PUBLIC__/m_weben/images/logo.png" /> <img src="__PUBLIC__/m_weben/images/logo.png" />
</a> </a>
</span> </span>

46
app/usmobile/view/tops_nas/download.phtml
View File

@@ -103,12 +103,15 @@
align-items: center; align-items: center;
cursor: pointer; cursor: pointer;
margin-bottom: 0.625rem; margin-bottom: 0.625rem;
display: flex;
flex-direction: column;
} }
.narsDowloadPc .nDtopCtMian .nDtopIt2 .nDitImg img { .narsDowloadPc .nDtopCtMian .nDtopIt2 .nDitImg img {
width: 6.25rem; width: 3.25rem;
height: 6.25rem; height: 3.25rem;
padding: 1.25rem; padding: 1.25rem;
padding-bottom: 0.5rem;
} }
.narssbshow .nrowimg { .narssbshow .nrowimg {
@@ -123,6 +126,25 @@
width: 50%; width: 50%;
height: 50%; height: 50%;
} }
.narswljshow .nDtopIt2 .nDitImg .dwbt {
padding: 0.5rem 1.8rem;
background: #A1A7BF;
border-radius: 1.85rem;
color: #fff;
font-size: 0.85rem;
cursor: pointer;
margin-bottom: 14%;
}
.narswljshow .nDtopIt2 .nDitImg .dwbtactive {
background: #004CFA;
}
.narswljshow .nDtopIt2 .nDitImg .yy_name{
font-size: 1rem;
padding-bottom: 10px;
padding-top:5px;
color: #000;
font-weight: bold;
}
</style> </style>
</head> </head>
@@ -132,16 +154,18 @@
<div class="narsDtabs"></div> <div class="narsDtabs"></div>
<!-- 微链接--> <!-- 微链接-->
<div class="nDtopCtMian narswljshow"> <div class="nDtopCtMian narswljshow">
{if condition="!empty($focus_image)"}
<div class="nDtopIt"> <div class="nDtopIt">
<img src="{$focus_image[0]['picture']}" class="tpimg" /> <img src="/frontend/m_web/images/download_focus_mobile_us.png" class="tpimg" />
</div> </div>
{/if}
{if condition="!empty($downloads)"} {if condition="!empty($downloads)"}
<div class="nDtopIt2" style="margin-bottom: 25px;"> <div class="nDtopIt2" style="margin-bottom: 25px;">
{volist name="downloads" id="vo"} {volist name="downloads" id="vo"}
<a class="nDitImg" href="{$vo.link}" download="{$vo.desc}"> <a class="nDitImg" href="{$vo.link}" download="{$vo.desc}">
<div class="nDitImg"><img src="{$vo.picture}" /></div> <div class="nDitImg">
<img src="{$vo.picture}" />
<div class="yy_name">{$vo.name}</div>
<div class="dwbt">Download</div>
</div>
</a> </a>
{/volist} {/volist}
</div> </div>
@@ -150,5 +174,13 @@
{include file='include/bottom'/} {include file='include/bottom'/}
</div> </div>
</body> </body>
<script>
$(document).ready(function() {
$('.dwbt').click(function() {
console.log(111)
$('.dwbt').removeClass('dwbtactive');
$(this).addClass('dwbtactive');
});
});
</script>
</html> </html>

51
app/usmobile/view/tops_nas/helper.phtml
View File

@@ -274,7 +274,9 @@
<body> <body>
<div class="narshelpCenterPc-app"> <div class="narshelpCenterPc-app">
<div class="headtop"> <div class="headtop">
<a href="https://www.orico.com.cn/mobile/tops_nas/index.html"><img src="__PUBLIC__/m_web/images/nas/help/logo.png" class="logoicoimg" /></a> <a href="javascript:void(0);">
<img src="__PUBLIC__/m_web/images/nas/help/logo.png" class="logoicoimg" />
</a>
<img src="__PUBLIC__/m_web/images/nas/help/sousuo.png" class="ssicoimg" /> <img src="__PUBLIC__/m_web/images/nas/help/sousuo.png" class="ssicoimg" />
</div> </div>
<img src="__PUBLIC__/m_web/images/nas/help/nhlpapp-banner.png" class="nhlpbner" /> <img src="__PUBLIC__/m_web/images/nas/help/nhlpapp-banner.png" class="nhlpbner" />
@@ -303,41 +305,55 @@
<h1 class="nhlpapp-title">Contact US</h1> <h1 class="nhlpapp-title">Contact US</h1>
<div class="nhlpapp-row"> <div class="nhlpapp-row">
{if condition="$banners_size > 0"} {if condition="$banners_size > 0"}
<a {if $banners[0]['link']}href="{$banners[0]['link']}" {/if} class="nhlplxwmit"> {if condition="!empty($banners[0]['link'])"}
<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx1.png" class="lximg" /> <a href="{$banners[0]['link']}" class="nhlplxwmit">
{else/}
<a href="javascript:void(0);" class="nhlplxwmit">
{/if}
<img src="__PUBLIC__/web/images/nas/help/nas_helper_facebook.png" class="lximg" />
<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>
</a> </a>
{/if} {/if}
{if condition="$banners_size > 1"} {if condition="$banners_size > 1"}
<a {if $banners[1]['link']}href="{$banners[1]['link']}" {/if} class="nhlplxwmit" style="margin-right: 0;"> {if condition="!empty($banners[1]['link'])"}
<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx2.png" class="lximg" /> <a href="{$banners[1]['link']}" class="nhlplxwmit" style="margin-right: 0;">
{else/}
<a href="javascript:void(0);" class="nhlplxwmit" style="margin-right: 0;">
{/if}
<img src="__PUBLIC__/web/images/nas/help/nas_helper_instagram.png" class="lximg" />
<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>
</a> </a>
{/if} {/if}
{if condition="$banners_size > 2"} {if condition="$banners_size > 2"}
<a {if $banners[2]['link']}href="{$banners[2]['link']}" {/if} class="nhlplxwmit"> {if condition="!empty($banners[2]['link'])"}
<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx3.png" class="lximg" /> <a href="{$banners[2]['link']}" class="nhlplxwmit nhlplxwmit-w1">
{else/}
<a href="javascript:void(0);" class="nhlplxwmit nhlplxwmit-w1">
{/if}
<img src="__PUBLIC__/web/images/nas/help/nas_helper_youtobe.png" class="lximg" />
<span class="t1">{$banners[2]['name']}<br />{$banners[2]['desc']}</span> <span class="t1">{$banners[2]['name']}<br />{$banners[2]['desc']}</span>
</a> </a>
{/if} {/if}
{if condition="$banners_size > 3"} {if condition="$banners_size > 3"}
<a {if $banners[3]['link']}href="{$banners[3]['link']}" {/if} class="nhlplxwmit" style="margin-right: 0;"> {if condition="!empty($banners[3]['link'])"}
<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx4.png" class="lximg" /> <a href="{$banners[3]['link']}" class="nhlplxwmit nhlplxwmit-w1">
{else/}
<a href="javascript:void(0);" class="nhlplxwmit nhlplxwmit-w1">
{/if}
<img src="__PUBLIC__/web/images/nas/help/nas_helper_twitter.png" class="lximg" />
<span class="t1">{$banners[3]['name']}<br />{$banners[3]['desc']}</span> <span class="t1">{$banners[3]['name']}<br />{$banners[3]['desc']}</span>
</a> </a>
{/if} {/if}
{if condition="$banners_size > 4"} {if condition="$banners_size > 4"}
<a {if $banners[4]['link']}href="{$banners[4]['link']}" {/if} class="nhlplxwmit nhlplxwmit-w1"> {if condition="!empty($banners[4]['link'])"}
<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx5.png" class="lximg" /> <a href="{$banners[4]['link']}" class="nhlplxwmit nhlplxwmit-w1" style="margin-right: 0;">
<span class="t1">{$banners[4]['name']}<br />{$banners[4]['desc']}</span> {else/}
</a> <a href="javascript:void(0);" class="nhlplxwmit nhlplxwmit-w1" style="margin-right: 0;">
{/if} {/if}
{if condition="$banners_size > 5"} <img src="__PUBLIC__/web/images/nas/help/nas_helper_tiktok.png" class="lximg" />
<a {if $banners[5]['link']}href="{$banners[5]['link']}" {/if} class="nhlplxwmit nhlplxwmit-w1"> <span class="t1">{$banners[4]['name']}<br />{$banners[4]['desc']}</span>
<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx6.png" class="lximg" />
<span class="t1">{$banners[5]['name']}<br />{$banners[5]['desc']}</span>
</a> </a>
{/if} {/if}
</div> </div>
@@ -405,4 +421,5 @@
}); });
}); });
</script> </script>
</html> </html>

2
app/usmobile/view/tops_nas/helper_detail.phtml
View File

@@ -229,7 +229,7 @@
<body> <body>
<div class="narshelpCenterdetail-app"> <div class="narshelpCenterdetail-app">
<div class="headtop"> <div class="headtop">
<a href="https://www.orico.com.cn/mobile/tops_nas/index.html"><img src="__PUBLIC__/m_web/images/nas/help/logo.png" class="logoicoimg" /></a> <a href="javascript:void(0);"><img src="__PUBLIC__/m_web/images/nas/help/logo.png" class="logoicoimg" /></a>
<div> <div>
<img src="__PUBLIC__/m_web/images/nas/help/fenlei.png" class="ssicoimg" id="flico" /> <img src="__PUBLIC__/m_web/images/nas/help/fenlei.png" class="ssicoimg" id="flico" />
<img src="__PUBLIC__/m_web/images/nas/help/sousuo.png" class="ssicoimg" id="ssico" style="margin-right:32px" /> <img src="__PUBLIC__/m_web/images/nas/help/sousuo.png" class="ssicoimg" id="ssico" style="margin-right:32px" />

2
public/frontend/web/css/nas.css
View File

@@ -67,7 +67,7 @@ a {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: space-between; /*justify-content: space-between;*/
width: 75rem; width: 75rem;
margin: 0 auto; margin: 0 auto;
} }