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

2025-01-20 09:57:35

Browse Source
This commit is contained in:
liqian
2025-01-20 09:57:40 +08:00
parent d9288c61a8
commit f47916fdbf
10 changed files with 1069 additions and 793 deletions
Download Patch File Download Diff File Expand all files Collapse all files

175
app/index/view/tops_nas/download_cyber.phtml
View File

@@ -8,29 +8,160 @@
<link rel="stylesheet" type="text/css" href="__PUBLIC__/web/css/nas.css" />
{include file='include/head-nas'/}
</head>
<body>
<div class="narsPage">
<!--顶部导航-->
{include file='include/top-header-nas'/}
<!--banner -->
<div class="narsIndex-banner">
<div class="swiper-container mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<!-- banner内容-->
<img src="/uploads/nas/pc-beta.png" alt="" class="narsbanner-img" />
</div>
<!-- Add Pagination -->
<div class="swiper-pagination"></div>
<!-- Add Arrows -->
<!-- <div class="swiper-button-next swiper-button-white"></div>
<div class="swiper-button-prev swiper-button-white"></div>-->
</div>
</div>
</div>
<style type="text/css">
.narsDowloadPc {
height: 100vh;
background: #F5F5F5;
position: relative;
display: flex;
flex-direction: column;
overflow-y: auto;
}
.narsDowloadPc .narsDtabs {
margin: 0 1.25rem;
display: flex;
flex-direction: row;
justify-content: center;
margin-top: 2.5rem;
margin-bottom: 1.25rem;
}
.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;
}
.narsDowloadPc .nDtopCtMian {
margin: 0 1.25rem;
height: auto;
}
.narsDowloadPc .nDtopCtMian .nDtopIt {
width: 100%;
background: #fff;
margin-bottom: 10px;
}
.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: 62%;
padding: 1.25rem 0;
}
</style>
<body>
<!--顶部导航-->
{include file='include/top-header-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="nardownlaod-app/narsdlapp-sbimg.jpg" class="tpimg" />
</div>
<div class="nDtopIt2">
<div class="nDitImg"><img src="nardownlaod-app/narsdlapp_d1.png" /></div>
<div class="nDitImg"><img src="nardownlaod-app/narsdlapp-d2.png" /></div>
<div class="nDitImg"><img src="nardownlaod-app/narsdlapp_d3.png" /></div>
<div class="nDitImg"><img src="nardownlaod-app/narsdlapp_d4.png" /></div>
</div>
<div class="nDitImg nrowimg"><img src="nardownlaod-app/narsdlapp_d5.png" /></div>
</div>
<!-- 微链接-->
<div class="nDtopCtMian narswljshow">
<div class="nDtopIt">
<img src="nardownlaod-app/narsdlapp-wljimg.jpg" class="tpimg" />
</div>
<div class="nDtopIt2">
<div class="nDitImg"><img src="nardownlaod-app/narsdlapp_d1.png" /></div>
<div class="nDitImg"><img src="nardownlaod-app/narsdlapp-d2.png" /></div>
<div class="nDitImg"><img src="nardownlaod-app/narsdlapp_d3.png" /></div>
<div class="nDitImg"><img src="nardownlaod-app/narsdlapp_d4.png" /></div>
</div>
</div>
</div>
{include file='include/bottom2023'/}
</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>