refactor: 英文移动端nas下载页

This commit is contained in:
2025-04-14 15:22:09 +08:00
parent 192424e81f
commit 473b84cd11
5 changed files with 40 additions and 122 deletions

View File

@@ -262,6 +262,17 @@ class TopsNas extends BaseController
// 下载 // 下载
public function download() public function download()
{ {
$focus_image = [];
$downloads = [];
// 获取banner
$banners = $this->getBanners([129, 130]);
if (!empty($banners)) {
$focus_image = $banners['typeid_130']['banners'];
$downloads = $banners['typeid_129']['banners'];
}
$this->assign('focus_image', $focus_image);
$this->assign('downloads', $downloads);
return $this->fetch(); return $this->fetch();
} }

View File

@@ -83,7 +83,6 @@
height: 205px; height: 205px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
} }
@@ -102,10 +101,6 @@
height: 126px; height: 126px;
} }
.narswljshow {
display: none;
}
.narswljshow .nDtopIt2 .nDitImg { .narswljshow .nDtopIt2 .nDitImg {
width: 291px !important; width: 291px !important;
} }
@@ -117,66 +112,24 @@
<!--顶部导航--> <!--顶部导航-->
{include file='include/top-header-nas'/} {include file='include/top-header-nas'/}
<div class="narsDtabs"></div> <div class="narsDtabs"></div>
<!-- 赛博云-->
<div class="nDtopCtMian narssbshow">
<div class="nDtopIt">
<img src="__PUBLIC__/web/images/nas/narDl-sbimg.jpg" class="tpimg" />
</div>
<div class="nDtopIt2">
<a href="https://appversion.oriconas.com/api/latest/url?appcode=cyberdata&platform=android">
<div class="nDitImg"><img src="__PUBLIC__/web/images/nas/narsdl_d1.png" /></div>
</a>
<a href="https://apps.apple.com/app/6695746746" target="_blank">
<div class="nDitImg"><img src="__PUBLIC__/web/images/nas/narsdl_d2.png" /></div>
</a>
<a href="https://appversion.oriconas.com/api/latest/url?appcode=cyberdata&platform=windows">
<div class="nDitImg"><img src="__PUBLIC__/web/images/nas/narsdl_d3.png" /></div>
</a>
<a href="https://apps.apple.com/app/6695746746" target="_blank">
<div class="nDitImg"><img src="__PUBLIC__/web/images/nas/narsdl_d4.png" /></div>
</a>
<a>
<div class="nDitImg"><img src="__PUBLIC__/web/images/nas/narsdl_d5.png" /></div>
</a>
</div>
</div>
<!-- 微链接--> <!-- 微链接-->
<div class="nDtopCtMian narswljshow"> <div class="nDtopCtMian narswljshow">
{if condition="!empty($focus_image)"}
<div class="nDtopIt"> <div class="nDtopIt">
<img src="__PUBLIC__/web/images/nas/narDl-wljimg.jpg" class="tpimg" /> <img src="{$focus_image[0]['picture']}" class="tpimg" />
</div> </div>
{/if}
{if condition="!empty($downloads)"}
<div class="nDtopIt2"> <div class="nDtopIt2">
<a href="http://orico.com.cn/static/download/WeLineApp.apk" download="WeLineApp.apk"> {volist name="downloads" id="vo"}
<div class="nDitImg"><img src="__PUBLIC__/web/images/nas/narsdl_d1.png" /></div> <a href="{$vo.link}" download="{$vo.desc}">
</a> <div class="nDitImg"><img src="{$vo.picture}" /></div>
<a href="https://apps.apple.com/us/app/weline-io/id1495146123" target="_blank">
<div class="nDitImg"><img src="__PUBLIC__/web/images/nas/narsdl_d2.png" /></div>
</a>
<a href="http://orico.com.cn/static/download/WelinePC.exe" download="WelinePC.exe">
<div class="nDitImg"><img src="__PUBLIC__/web/images/nas/narsdl_d3.png" /></div>
</a>
<a href="http://orico.com.cn/static/download/WelineMac.dmg" download="WelineMac.dmg">
<div class="nDitImg"><img src="__PUBLIC__/web/images/nas/narsdl_d4.png" /></div>
</a> </a>
{/volist}
</div> </div>
{/if}
</div> </div>
</div> </div>
{include file='include/bottom2023'/} {include file='include/bottom2023'/}
</body> </body>
<script>
$(document).ready(function() {
//点击切换
$('.narsDtabIt').click(function() {
$('.narsDtabIt').removeClass('narsDtabIt_active');
$(this).addClass('narsDtabIt_active');
if ($(this).index() === 0) {
$('.narssbshow').show();
$('.narswljshow').hide();
} else {
$('.narssbshow').hide();
$('.narswljshow').show();
}
});
});
</script>
</html> </html>

View File

@@ -482,16 +482,6 @@
<span class="t2">{$banners[5]['desc']}</span> <span class="t2">{$banners[5]['desc']}</span>
</a> </a>
{/if} {/if}
{if condition="$banners_size > 6"}
<a href="{$banners[6]['link']}" class="nhlplxwmit nhlplxwmit-w2" style="margin-right: 0;" target="_blank">
<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>
</a>
{/if}
</div> </div>
</div> </div>
</div> </div>

View File

@@ -251,6 +251,17 @@ class TopsNas extends BaseController
public function download() public function download()
{ {
$focus_image = [];
$downloads = [];
// 获取banner
$banners = $this->getBanners([129, 130]);
if (!empty($banners)) {
$focus_image = $banners['typeid_130']['banners'];
$downloads = $banners['typeid_129']['banners'];
}
$this->assign('focus_image', $focus_image);
$this->assign('downloads', $downloads);
return $this->fetch(); return $this->fetch();
} }

View File

@@ -111,14 +111,6 @@
padding: 1.25rem; padding: 1.25rem;
} }
.narswljshow {
display: none;
}
.narswljshow .nDtopIt2 .nDitImg {
/* width: 291px !important; */
}
.narssbshow .nrowimg { .narssbshow .nrowimg {
width: 100%; width: 100%;
background: #fff; background: #fff;
@@ -138,64 +130,25 @@
{include file='include/top_nas'/} {include file='include/top_nas'/}
<div class="narsDowloadPc"> <div class="narsDowloadPc">
<div class="narsDtabs"></div> <div class="narsDtabs"></div>
<!-- 赛博云-->
<div class="nDtopCtMian narssbshow">
<div class="nDtopIt">
<img src="__PUBLIC__/m_web/images/nas/narsdlapp-sbimg.jpg" class="tpimg" />
</div>
<div class="nDtopIt2">
<a class="nDitImg" href="https://appversion.oriconas.com/api/latest/url?appcode=cyberdata&platform=android">
<div class="nDitImg"><img src="__PUBLIC__/m_web/images/nas/narsdlapp_d1.png" /></div>
</a>
<a class="nDitImg" href="https://apps.apple.com/app/6695746746">
<div class="nDitImg"><img src="__PUBLIC__/m_web/images/nas/narsdlapp-d2.png" /></div>
</a>
<a class="nDitImg" href="https://appversion.oriconas.com/api/latest/url?appcode=cyberdata&platform=windows">
<div class="nDitImg"><img src="__PUBLIC__/m_web/images/nas/narsdlapp_d3.png" /></div>
</a>
<a class="nDitImg" href="https://apps.apple.com/app/6695746746">
<div class="nDitImg"><img src="__PUBLIC__/m_web/images/nas/narsdlapp_d4.png" /></div>
</a>
</div>
<div class="nDitImg nrowimg" style="margin-bottom: 25px;"><img src="__PUBLIC__/m_web/images/nas/narsdlapp_d5.png" /></div>
</div>
<!-- 微链接--> <!-- 微链接-->
<div class="nDtopCtMian narswljshow"> <div class="nDtopCtMian narswljshow">
{if condition="!empty($focus_image)"}
<div class="nDtopIt"> <div class="nDtopIt">
<img src="__PUBLIC__/m_web/images/nas/narsdlapp-wljimg.jpg" class="tpimg" /> <img src="{$focus_image[0]['picture']}" class="tpimg" />
</div> </div>
{/if}
{if condition="!empty($downloads)"}
<div class="nDtopIt2" style="margin-bottom: 25px;"> <div class="nDtopIt2" style="margin-bottom: 25px;">
<a class="nDitImg" href="http://orico.com.cn/static/download/WeLineApp.apk" download="WeLineApp.apk"> {volist name="downloads" id="vo"}
<div class="nDitImg"><img src="__PUBLIC__/m_web/images/nas/narsdlapp_d1.png" /></div> <a class="nDitImg" href="{$vo.link}" download="{$vo.desc}">
</a> <div class="nDitImg"><img src="{$vo.picture}" /></div>
<a class="nDitImg" href="https://apps.apple.com/us/app/weline-io/id1495146123" target="_blank">
<div class="nDitImg"><img src="__PUBLIC__/m_web/images/nas/narsdlapp-d2.png" /></div>
</a>
<a class="nDitImg" href="http://orico.com.cn/static/download/WelinePC.exe" download="WelinePC.exe">
<div class="nDitImg"><img src="__PUBLIC__/m_web/images/nas/narsdlapp_d3.png" /></div>
</a>
<a class="nDitImg" href="http://orico.com.cn/static/download/WelineMac.dmg" download="WelineMac.dmg">
<div class="nDitImg"><img src="__PUBLIC__/m_web/images/nas/narsdlapp_d4.png" /></div>
</a> </a>
{/volist}
</div> </div>
{/if}
</div> </div>
{include file='include/bottom'/} {include file='include/bottom'/}
</div> </div>
</body> </body>
<script>
$(document).ready(function() {
$('.narsDtabIt').click(function() {
$('.narsDtabIt').removeClass('narsDtabIt_active');
$(this).addClass('narsDtabIt_active');
if ($(this).index() === 0) {
$('.narssbshow').show();
$('.narswljshow').hide();
} else {
$('.narssbshow').hide();
$('.narswljshow').show();
}
});
});
</script>
</html> </html>