Files
orico-official-website-old/app/mobile/view/tops_nas/download.phtml

199 lines
5.7 KiB
PHTML
Executable File

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>元创官网</title>
{include file='include/head-nas'/}
<style type="text/css">
.icon-menu-svg,.icon-search-svg,.icon-lag-svg{
color: #000 !important;
}
.header {
color: #fff;
}
.narsDowloadPc {
/*height: 100vh;*/
background: #F5F5F5;
/*position: relative;*/
display: flex;
flex-direction: column;
overflow-y: auto;
}
.narsDowloadPc .narsDtabs {
margin: 0 1.25rem;
margin-top: 7rem;
display: flex;
flex-direction: row;
justify-content: center;
height: 2.625rem;
}
.narsDowloadPc .narsDtabs .narsDtabIt {
color: #001717;
font-size: 1rem;
height: 2.625rem;
line-height: 2.625rem;
width: 25rem;
background: #fff;
text-align: center;
border-radius: 28px;
cursor: pointer;
}
.narsDowloadPc .narsDtabs .narsDtabIt:first-child {
margin-right: 0.9375rem;
}
.narsDowloadPc .narsDtabs .narsDtabIt_active {
color: #fff;
background: #004CFA;
}
.narsDowloadPc .narsDmainConten {
margin: 0 1.25rem;
background: #fff;
margin-bottom: 10px;
position: relative;
}
.narsDowloadPc .nDtopCtMian {
padding-top: 1.25rem;
position: relative;
overflow: hideen;
margin: 0 1.25rem;
height: auto;
}
.narsDowloadPc .nDtopCtMian .nDtopIt {
width: 100%;
background: #fff;
margin-bottom: 10px;
box-sizing: border-box;
}
.narsDowloadPc .nDtopCtMian .nDtopIt .tpimg {
width: 100%;
height: 100%;
}
.narsDowloadPc .nDtopCtMian .nDtopIt .tpimg {
width: 100%;
height: 100%;
}
.narsDowloadPc .nDtopCtMian .nDtopIt2 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.narsDowloadPc .nDtopCtMian .nDtopIt2 .nDitImg {
width: 48.5%;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
margin-bottom: 0.625rem;
}
.narsDowloadPc .nDtopCtMian .nDtopIt2 .nDitImg img{
width: 6.25rem;
height: 6.25rem;
padding: 1.25rem;
}
.narswljshow{
display: none;
}
.narswljshow .nDtopIt2 .nDitImg{
/* width: 291px !important; */
}
.narssbshow .nrowimg {
width: 100%;
background: #fff;
display: flex;
justify-content: center;
}
.narssbshow .nrowimg img{
width: 50%;
height: 50%;
}
.narswljshow .nDtopIt2 .nDitImg .yy_name{
font-size: 1.1rem;
padding-bottom: 10px;
padding-top:5px;
font-weight: bold;
}
</style>
</head>
<body>
{include file='include/top_nas'/}
<div class="narsDowloadPc">
<div class="narsDtabs">
<div class="narsDtabIt narsDtabIt_active">CyberData赛博云空间</div>
<div class="narsDtabIt">Weline微链接</div>
</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="nDtopIt">
<img src="__PUBLIC__/m_web/images/nas/narsdlapp-wljimg.jpg" class="tpimg" />
</div>
<div class="nDtopIt2" style="margin-bottom: 25px;">
<a class="nDitImg" href="http://orico.com.cn/static/download/WeLineApp.apk" download="WeLineApp.apk">
<div class="nDitImg"><img src="__PUBLIC__/m_web/images/nas/narsdlapp_d1.png" /></div>
</a>
<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>
</div>
</div>
{include file='include/bottom1'/}
</div>
</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>