refactor: 英文移动端nas下载页
This commit is contained in:
@@ -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();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -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>
|
||||||
@@ -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();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -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>
|
||||||
Reference in New Issue
Block a user