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 a7d68b57e5
10 changed files with 183 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -103,12 +103,15 @@
align-items: center;
cursor: pointer;
margin-bottom: 0.625rem;
display: flex;
flex-direction: column;
}
.narsDowloadPc .nDtopCtMian .nDtopIt2 .nDitImg img {
width: 6.25rem;
height: 6.25rem;
width: 3.25rem;
height: 3.25rem;
padding: 1.25rem;
padding-bottom: 0.5rem;
}
.narssbshow .nrowimg {
@@ -123,6 +126,25 @@
width: 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>
</head>
@@ -132,16 +154,18 @@
<div class="narsDtabs"></div>
<!-- 微链接-->
<div class="nDtopCtMian narswljshow">
{if condition="!empty($focus_image)"}
<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>
{/if}
{if condition="!empty($downloads)"}
<div class="nDtopIt2" style="margin-bottom: 25px;">
{volist name="downloads" id="vo"}
<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>
{/volist}
</div>
@@ -150,5 +174,13 @@
{include file='include/bottom'/}
</div>
</body>
<script>
$(document).ready(function() {
$('.dwbt').click(function() {
console.log(111)
$('.dwbt').removeClass('dwbtactive');
$(this).addClass('dwbtactive');
});
});
</script>
</html>

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

@@ -125,8 +125,8 @@
}
.narshelpCenterPc-app .headtop .logoicoimg {
width: auto;
margin-left: 1.875rem;
width: 42%;
margin-left: 1rem;
}
.narshelpCenterPc-app .headtop .ssicoimg {
@@ -274,7 +274,9 @@
<body>
<div class="narshelpCenterPc-app">
<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/newlogo.png" class="logoicoimg" />
</a>
<img src="__PUBLIC__/m_web/images/nas/help/sousuo.png" class="ssicoimg" />
</div>
<img src="__PUBLIC__/m_web/images/nas/help/nhlpapp-banner.png" class="nhlpbner" />
@@ -303,43 +305,57 @@
<h1 class="nhlpapp-title">Contact US</h1>
<div class="nhlpapp-row">
{if condition="$banners_size > 0"}
<a {if $banners[0]['link']}href="{$banners[0]['link']}" {/if} class="nhlplxwmit">
<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx1.png" class="lximg" />
{if condition="!empty($banners[0]['link'])"}
<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="t2">{$banners[0]['desc']}</span>
</a>
{/if}
{if condition="$banners_size > 1"}
<a {if $banners[1]['link']}href="{$banners[1]['link']}" {/if} class="nhlplxwmit" style="margin-right: 0;">
<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx2.png" class="lximg" />
{if condition="!empty($banners[1]['link'])"}
<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="t2">{$banners[1]['desc']}</span>
</a>
{/if}
{if condition="$banners_size > 2"}
<a {if $banners[2]['link']}href="{$banners[2]['link']}" {/if} class="nhlplxwmit">
<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx3.png" class="lximg" />
{if condition="!empty($banners[2]['link'])"}
<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>
</a>
{/if}
{if condition="$banners_size > 3"}
<a {if $banners[3]['link']}href="{$banners[3]['link']}" {/if} class="nhlplxwmit" style="margin-right: 0;">
<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx4.png" class="lximg" />
{if condition="!empty($banners[3]['link'])"}
<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>
</a>
{/if}
{if condition="$banners_size > 4"}
<a {if $banners[4]['link']}href="{$banners[4]['link']}" {/if} class="nhlplxwmit nhlplxwmit-w1">
<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx5.png" class="lximg" />
{if condition="!empty($banners[4]['link'])"}
<a href="{$banners[4]['link']}" class="nhlplxwmit nhlplxwmit-w1" style="margin-right: 0;">
{else/}
<a href="javascript:void(0);" class="nhlplxwmit nhlplxwmit-w1" style="margin-right: 0;">
{/if}
<img src="__PUBLIC__/web/images/nas/help/nas_helper_tiktok.png" class="lximg" />
<span class="t1">{$banners[4]['name']}<br />{$banners[4]['desc']}</span>
</a>
{/if}
{if condition="$banners_size > 5"}
<a {if $banners[5]['link']}href="{$banners[5]['link']}" {/if} class="nhlplxwmit nhlplxwmit-w1">
<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>
{/if}
</div>
<!--搜索-->
<div class="nhlpapp-search">
@@ -405,4 +421,5 @@
});
});
</script>
</html>

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

@@ -36,8 +36,8 @@
}
.narshelpCenterdetail-app .headtop .logoicoimg {
width: auto;
margin-left: 1.875rem;
width: 42%;
margin-left: 1rem;
}
.narshelpCenterdetail-app .headtop .ssicoimg {
@@ -49,7 +49,7 @@
.narshelpCenterdetail-app .nhlp-app-content {
margin: 1.25rem;
height: 100%;
margin-top: 9.2vh;
margin-top: 10.5vh;
}
.narshelpCenterdetail-app #rendered-content img {
@@ -223,14 +223,18 @@
color: #1f2635;
border-bottom: 1px solid #1f2635;
}
h1,h2,h3,h4{
white-space:normal;
word-break:break-all;
}
</style>
</head>
<body>
<div class="narshelpCenterdetail-app">
<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>
<div>
<a href="javascript:void(0);"><img src="__PUBLIC__/m_web/images/nas/help/newlogo.png" class="logoicoimg" /></a>
<div style="display:flex">
<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" />
</div>
@@ -240,10 +244,10 @@
<div class="nhlpapp-search">
<div class="nhlpappshtop">
<div class='nhlpapp-shdiv'>
<input class="nhlp-ipt" id="search-input" placeholder="请输入搜索关键字，如安装赛博云空间、影视库" />
<input class="nhlp-ipt" id="search-input" placeholder="What are you looking for?" />
<img src="__PUBLIC__/m_web/images/nas/help/ssapp.png" class="searchimg" />
</div>
<span class="closetx">取消</span>
<span class="closetx">cancel</span>
</div>
<div class="nhlpappline"></div>
<!-- 下拉搜索框 -->