feat: 英文nas相关

This commit is contained in:
2025-04-14 10:30:12 +08:00
parent 9bdbdebc39
commit 9052b70816
5 changed files with 230 additions and 47 deletions

View File

@@ -175,6 +175,47 @@ class BaseController extends Controller {
return $tree;
}
protected function buildTree($data, $pid = 0)
{
$tree = [];
foreach ($data as $val) {
if ($val['pid'] == $pid) {
$children = $this->buildTree($data, $val['id']);
if (!empty($children)) {
$val['items'] = $children;
}
$tree[] = $val;
}
}
return $tree;
}
/**
* nasNavigation 获取并组装nas专题页的top导航和footer
*/
protected function nasNavigation()
{
$navs = Loader::model('Navigation')->field([
'id',
'pid',
'name',
'url',
'value',
'data_type',
'is_new_window_open',
])
->where('stat', '=', 0)
->where('nav_type', '=', 'tops_nas_header')
->where('country_code', '=', $this->country_code)
->order('sort')
->select();
$navs_array = collection($navs)->toArray();
$header = $this->NavDataDealWith($navs_array);
$this->assign('nav_header', $this->buildTree($header));
}
//导航初始化
private function navInit(){
// 读取缓存数据

View File

@@ -7,8 +7,16 @@ class TopsNas extends BaseController
public function _initialize()
{
parent::_initialize();
parent::nasNavigation();
}
// 帮助中心
public function helper()
{
}
// 下载
public function download()
{
return $this->fetch();

View File

@@ -7,21 +7,6 @@
onclick="location.href='{:url(\'TopsNas/index\')}'"
/>
<nav class="headnav">
<!-- {volist name="nav_header" id="vo"}
<div class="navitem">
<a href="{$vo.url}" {if condition="$vo.is_new_window_open"}target="_blank"{/if}>{$vo.name}</a>
{if condition="!empty($vo.items)"}
<img src="/frontend/weben/images/indeximg/black-down.png" class="downimg" alt="">
<ul class="children">
{volist name="vo.items" id="it"}
<li>
<a href="{$it.url}" {if condition="$it.is_new_window_open"}target="_blank"{/if}>{$it.name}</a>
</li>
{/volist}
</ul>
{/if}
</div>
{/volist} -->
{volist name="nav_header" id="vo"}
<a
class="navitem"

View File

@@ -1,36 +1,185 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>元创官网</title>
<link rel="stylesheet" href="__PUBLIC__/web/css/swiper-3.4.2.min.css" />
<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>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>元创官网</title>
<link rel="stylesheet" href="__PUBLIC__/web/css/swiper-3.4.2.min.css" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/web/css/nas.css" />
{include file='include/head-nas'/}
<style type="text/css">
.narsDowloadPc {
width: 100%;
height: 100vh;
background: #F5F5F5;
position: relative;
display: flex;
flex-direction: column;
overflow-y: auto;
}
<!-- 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>
.narsDowloadPc .narsDtabs {
display: flex;
flex-direction: row;
justify-content: center;
margin-top: 70px;
margin-bottom: 30px;
}
.narsDowloadPc .narsDtabs .narsDtabIt {
color: #001717;
font-size: 24px;
height: 52px;
line-height: 52px;
width: 300px;
background: #fff;
text-align: center;
border-radius: 28px;
cursor: pointer;
}
.narsDowloadPc .narsDtabs .narsDtabIt:first-child {
margin-right: 60px;
}
.narsDowloadPc .narsDtabs .narsDtabIt_active {
color: #fff;
background: #004CFA;
}
.narsDowloadPc .narsDmainConten {
width: 1200px;
height: 409px;
background: #fff;
margin-bottom: 10px;
}
.narsDowloadPc .nDtopCtMian {
width: 1200px;
margin: 0 auto;
height: auto;
}
.narsDowloadPc .nDtopCtMian .nDtopIt {
width: 1200px;
height: 409px;
background: #fff;
margin-bottom: 10px;
}
.narsDowloadPc .nDtopCtMian .nDtopIt .tpimg {
width: 100%;
height: 100%;
}
.narsDowloadPc .nDtopCtMian .nDtopIt .tpimg {
width: 100%;
height: 100%;
}
.narsDowloadPc .nDtopCtMian .nDtopIt2 {
width: 1200px;
height: 205px;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.narsDowloadPc .nDtopCtMian .nDtopIt2 .nDitImg {
width: 231px;
height: 205px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.narsDowloadPc .nDtopCtMian .nDtopIt2 .nDitImg img {
width: 126px;
height: 126px;
}
.narswljshow {
display: none;
}
.narswljshow .nDtopIt2 .nDitImg {
width: 291px !important;
}
</style>
</head>
<body>
<div class="narsDowloadPc">
<!--顶部导航-->
{include file='include/top-header-nas'/}
<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__/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>
{include file='include/bottom'/}
</body>
<!-- 微链接-->
<div class="nDtopCtMian narswljshow">
<div class="nDtopIt">
<img src="__PUBLIC__/web/images/nas/narDl-wljimg.jpg" class="tpimg" />
</div>
<div class="nDtopIt2">
<a href="http://orico.com.cn/static/download/WeLineApp.apk" download="WeLineApp.apk">
<div class="nDitImg"><img src="__PUBLIC__/web/images/nas/narsdl_d1.png" /></div>
</a>
<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>
</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>

View File