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

feat: 模板区分pc与mobile

Browse Source
This commit is contained in:
jsasg
2025-05-22 18:05:49 +08:00
parent 2423d876d7
commit eb6ead0b9c
147 changed files with 5108 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
app/index/view/pc/topic_nas/cooperation.html Normal file
View File

@@ -0,0 +1,80 @@
{extend name="public/nas_base" /}
{block name="style"}
<link rel="stylesheet" href="__CSS__/topic_nas_cooperation.css">
{/block}
{block name="main"}
<div class="orico_Page_index">
<!-- 合作伙伴 -->
<div class="narshzhbPage">
{notempty name="focus_image"}
<div class="narshzhb-banner" style="background: url({$focus_image.image});background-repeat: no-repeat;background-size: 100% 100%;">
<!-- <div class="narshzhb-banner-content">
<span class="t1">成为ORICO合作伙伴</span>
<h2><strong style="color: #004BFA;">NAS</strong>合作伙伴招募</h2>
<div class="narshzhb-banner-btct">
<span>广告代理</span>
<span>抖音销售</span>
<span>代理经销合作</span>
<span>ODM合作</span>
</div>
</div> -->
</div>
{/notempty}
<!-- top 介绍 -->
{notempty name="cooperation_methods"}
<div class="narshzhb-topinfo">
<div class="narshzhb-topinfo-main">
<a class="narshzhb-tif-top" {notempty name="cooperation_methods.0.link"}href="{$cooperation_methods.0.link}"{/notempty}>
<img src="{$cooperation_methods.0.image}" class="hzcp1" />
<div class="narshzhb-if">
<div class="cttop" {:style(['color'=>$cooperation_methods.0.desc_txt_color])}>{$cooperation_methods.0.desc|raw}</div>
<h3 {:style(['color'=>$cooperation_methods.0.title_txt_color])}>{$cooperation_methods.0.title}</h3>
</div>
</a>
<div class="narshzhb-tif-bottom">
{volist name="cooperation_methods" id="method" offset="1"}
<a class="narshzhb-tif-it" {notempty name="method.link"}href="{$method.link}"{/notempty}>
<img src="{$method.image}" class="ithzcp" />
<div class="st">
<span {:style(['color'=>$method.desc_txt_color])}>{$method.desc|raw}</span>
</div>
</a>
{/volist}
</div>
</div>
</div>
{/notempty}
<!-- 合作优势 -->
{notempty name="cooperation_advantages"}
<div class="narshzhb-hzys">
<h2 class="hzys-title">{:lang('topic_nas_cooperation.advantages_section_title')}</h2>
<div class="narshzhb-hzys-main">
{volist name="cooperation_advantages" id="adv"}
<div class="narshzhb-hzys-it">
<img src="{$adv.image}" class="hz-ico1" />
<span class="lite-titel" {:style(['color'=>$adv.title_txt_color])}>{$adv.title}</span>
<span class="cts" {:style(['color'=>$adv.desc_txt_color])}>{$adv.desc|raw}</span>
</div>
{/volist}
</div>
</div>
{/notempty}
<!-- 期待与您的合作 -->
{notempty name="cooperation_cotacts"}
<div class="narshzhb-qdhz">
<h2 class="hzys-title">{:lang('topic_nas_cooperation.contacts_section_title')}</h2>
{volist name="cooperation_cotacts" id="contacts" key="idx"}
<div class="nars-qdhz-part">
{volist name="contacts" id="co"}
<div class="nars-qdhz-it">
<img src="{$co.image}" {eq name="idx" value="1"}class="qdhzico"{else/}class="qdhzewico"{/eq} />
<span class="qdhzct" {:style(['color'=>$co.title_txt_color])}>{$co.title}</span>
</div>
{/volist}
</div>
{/volist}
</div>
{/notempty}
</div>
</div>
{/block}

84
app/index/view/pc/topic_nas/download.html Normal file
View File

@@ -0,0 +1,84 @@
{extend name="public/nas_base" /}
{block name="style"}
<link rel="stylesheet" href="__CSS__/topic_nas_download.css" />
{/block}
{block name="main"}
<div class="orico_Page_index">
<!-- 下载中心 -->
<div class="narsDowloadPc">
<!-- 顶部导航 -->
<div class="narsDtabs">
{egt name=":count($data)" value="2"}
{notempty name="data.cyber"}
<div class="narsDtabIt narsDtabIt_active">{:lang('topic_nas_download.cyber_tab_title')}</div>
{/notempty}
{notempty name="data.weline"}
<div class="narsDtabIt">{:lang('topic_nas_download.weline_tab_title')}</div>
{/notempty}
{/egt}
</div>
<!-- 赛博云 -->
{notempty name="data.cyber"}
<div class="nDtopCtMian narssbshow {eq name='Request.cookie.think_lang' value='en-us'}narssben-us{/eq}">
{notempty name="data.cyber.focus_image"}
<div class="nDtopIt">
<img src="{$data.cyber.focus_image.image}" class="tpimg" />
</div>
{/notempty}
{notempty name="data.cyber.down_items"}
<div class="nDtopIt2">
{volist name="data.cyber.down_items" id="it"}
<a {notempty name="it.link"}href="{$it.link}"{/notempty}>
<div class="nDitImg">
<img src="{$it.image}" />
{eq name=":cookie('think_lang')" value="en-us"}
<div class="yy_name" {:style(['color'=>$it.title_txt_color])}>{$it.title}</div>
<div class="dwbt">Download</div>
{/eq}
</div>
</a>
{/volist}
</div>
{/notempty}
</div>
{/notempty}
<!-- 微链接 -->
{notempty name="data.weline"}
<div class="nDtopCtMian narswljshow">
{notempty name="data.weline.focus_image"}
<div class="nDtopIt">
<img src="{$data.weline.focus_image.image}" class="tpimg" />
</div>
{/notempty}
{notempty name="data.weline.down_items"}
<div class="nDtopIt2" >
{volist name="data.weline.down_items" id="it"}
<a {notempty name="it.link"}href="{$it.link}"{/notempty}>
<div class="nDitImg {eq name='Request.cookie.think_lang' value='zh-cn'}nDitImg1{/eq}"><img src="{$it.image}" /></div>
</a>
{/volist}
</div>
{/notempty}
</div>
{/notempty}
</div>
</div>
{/block}
{block name="script"}
<script type="text/javascript">
$(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>
{/block}

153
app/index/view/pc/topic_nas/help.html Normal file
View File

@@ -0,0 +1,153 @@
{extend name="public/nas_base" /}
{block name="style"}
<link rel="stylesheet" href="__CSS__/topic_nas_help.css"/>
{/block}
{block name="main"}
<div class="orico_Page_index">
<!-- 帮助中心 -->
<div class="narshelpCenterPc">
<!-- banner-搜索 -->
<div class="pagetopbg">
<img src="__IMAGES__/nas_help_banner.jpg" class="hpbgimg" />
<div class='nhlp-search'>
<input class="nhlp-ipt" id="search-input" placeholder="{:lang('topic_nas_help.search_input_placeholder')}" autocomplete="off" />
<img src="__IMAGES__/nas_help_search.png" class="searchimg" />
</div>
<!-- 下拉搜索框 -->
<div class="dropdown" id="dropdown">
<ul>
<li>拿到产品后我该如何安装使用?</li>
</ul>
</div>
</div>
<!-- 使用教程 -->
{notempty name="article_categorys"}
<div class="nhlppart1">
<h1 class="helph1">{:lang('topic_nas_help.article_section_title')}</h1>
<div class="nhlp-row">
{volist name="article_categorys" id="vo" key="idx"}
<div class="nhlpit {gt name='idx' value='6'}nhlpit-w{/gt}">
<div class="nhlptl">
<img src="{$vo.icon}" class="bhlpicoimg" />{$vo.name}
</div>
<div class="nhlp-tx-list">
{volist name="vo.article" id="va" key="index"}
<a class="txrow" href="{:url('/index/topic/nas/help_detail', ['id' => $va.id])}">
<div class="nhlp-point"></div>
<span class="nhlpsp">{$va.title}</span>
<span class="narhelpgoimg">
<img src="__IMAGES__/nas-jt.png" />
</span>
</a>
{egt name="index" value="3"}
<div class="ckgdbt">{:lang('topic_nas_help.view_more')} ></div>
{/egt}
{/volist}
</div>
</div>
{/volist}
</div>
</div>
{/notempty}
<!-- 联系我们 -->
{notempty name="contacts"}
<div class="nhlp-lxwm">
<h1 class="lxwmtitle">{:lang('topic_nas_help.contact_section_title')}</h1>
<div class="nhlp-row">
<div class="nhlp-row-content">
{volist name="contacts" id="co" key="idx" offset="0" length="3"}
<a class="nhlplxwmit nhlplxwmit-w1" {notempty name="co.link"}href="{$co.link}"{/notempty} {eq name="idx" value="3"}style="margin-right: 0;"{/eq}>
<img src="{$co.image}" class="lximg" />
{if condition="!empty($co.desc) && str_contains($co.desc, '<img')"}
<img src="{:get_path_from_img_tag($co.desc)}" class="lxewmimg" />
<span class="t1" {:style(['color'=>$co.title_txt_color])}>{$co.title}</span>
{else/}
<span class="t1" {:style(['color'=>$co.title_txt_color])}>{$co.title}</span>
<span class="t2" {:style(['color'=>$co.desc_txt_color])}>{$co.desc|raw}</span>
{/if}
</a>
{/volist}
</div>
<div class="nhlp-row-content">
{volist name="contacts" id="co" key="idx" offset="3"}
<a class="nhlplxwmit nhlplxwmit-w2" {notempty name="co.link"}href="{$co.link}"{/notempty} {eq name="idx%4" value="0"}style="margin-right: 0;"{/eq}>
<img src="{$co.image}" class="lximg" />
{if condition="!empty($co.desc) && str_contains($co.desc, '<img')"}
<img src="{:get_path_from_img_tag($co.desc)}" class="lxewmimg" />
<span class="t1" {:style(['color'=>$co.title_txt_color])}>{$co.title}</span>
{else/}
<span class="t1" {:style(['color'=>$co.title_txt_color])}>{$co.title}</span>
<span class="t2" {:style(['color'=>$co.desc_txt_color])}>{$co.desc|raw}</span>
{/if}
</a>
{/volist}
</div>
</div>
</div>
{/notempty}
</div>
</div>
{/block}
{block name="script"}
<script type="text/javascript">
$(document).ready(function () {
$(document).ready(function () {
// 监听输入框内容变化
var timeout = null;
$('#search-input').on('focus input', function () {
clearTimeout(timeout);
var _this = this;
timeout = setTimeout(function () {
var keywords = $(_this).val();
if (keywords == '') {
$('#dropdown').hide().html('');
return;
}
$.ajax({
url: "{:url('/index/topic/nas/help_search')}",
type: 'POST',
data: {
keywords: keywords
},
dataType: 'JSON',
success: function (r) {
var html = '';
if (r.code == 0) {
html = '<ul>'
$.each(r.data, function (k, v) {
html += '<li><a href="{:url(\'/index/topic/nas/help_detail\')}?id=' + v.id + '">' + v.title + '</a></li>'
})
html += '</ul>'
}
$('#dropdown').show().html(html);
}
})
}, 300);
})
$(document).on('click', function (e) {
var target = $(e.target);
if (!target.closest('.nhlp-search').length) {
$('#dropdown').hide();
}
});
$('.nhlplxwmit:not(:first)').hover(function () {
// 当鼠标移入时，显示.lxewmimg 并隐藏.lximg
var lxe = $(this).find('.lxewmimg');
var lxi = $(this).find('.lximg');
if (lxe.length > 0) {
lxe.show();
lxi.hide();
}
}, function () {
// 当鼠标移出时，隐藏.lxewmimg 并显示.lximg
var lxe = $(this).find('.lxewmimg');
var lxi = $(this).find('.lximg');
if (lxe.length > 0) {
lxe.hide();
lxi.show();
}
});
});
})
</script>
{/block}

130
app/index/view/pc/topic_nas/help_detail.html Normal file
View File

@@ -0,0 +1,130 @@
{extend name="public/nas_base" /}
{block name="title"}
{notempty name="article.seo_title"}<title>{$article.seo_title}</title>{else /}{__BLOCK__}{/notempty}
{/block}
{block name="seo"}
{notempty name="article.seo_keywords"}
<meta name="keywords" content="{$article.seo_keywords}" />
<meta name="description" content="{$article.seo_desc}" />
{else /}
{__BLOCK__}
{/notempty}
{/block}
{block name="style"}
<link rel="stylesheet" href="__CSS__/topic_nas_help-detail.css"/>
{/block}
{block name="main"}
<div class="orico_Page_index">
<div class="narshelpdetailPc">
<!-- top 搜索-->
<div class="narsssmain">
<div class="ml">{:lang('topic_nas_help.module_title')}/{:lang('topic_nas_help.article_section_title')}</div>
<div class="nars-hlp-search">
<input id="search-input" placeholder="{:lang('topic_nas_help.search_input_placeholder')}" autocomplete="off" />
<img src="__IMAGES__/nas_help_detail_search.png" class="ssimg">
</div>
<!-- 下拉搜索框 -->
<div class="dropdown" id="dropdown"></div>
</div>
<!-- 目录-文章详情-锚点定位--->
<div class="nars-help-content">
<!--目录 -->
<div class="nars-hlpdt-ml">
{notempty name="article_categorys"}
<div class="nav-tree">
{volist name="article_categorys" id="ac"}
<div class="category">
<div class="category-title">
<div class="arrow"><img src="__IMAGES__/nas-jt.png" class="arrow" /></div>
<span>{$ac.name}</span>
</div>
<ul class="sub-list">
{volist name="ac.article" id="ar"}
<li><a href="{:url('/index/topic/nas/help_detail', ['id' => $ar.id])}" style="padding-top: 6px;">{$ar.title}</a></li>
{/volist}
</ul>
</div>
{/volist}
</div>
{/notempty}
</div>
<!--文章详情 -->
<div class="nars-hlpdt-mm" id="rendered-content">{$article.content|raw|default=''}</div>
<!--锚点定位 -->
<div class="nars-hlpdt-mr">
<div id="title-list">
<h2 class="tt">{:lang('topic_nas_help.content')}</h2>
<ul></ul>
</div>
</div>
</div>
</div>
</div>
{/block}
{block name="script"}
<script type="text/javascript">
$(document).ready(function () {
$('.category-title').click(function () {
$(this).next('.sub-list').slideToggle();
$(this).find('.arrow').toggleClass('rotate');
});
// 搜索
$(document).on('click', function (e) {
var target = $(e.target);
if (!target.closest('.nhlp-search').length) {
$('#dropdown').hide();
}
});
var timeout = null;
$('.nars-hlp-search input').on('focus input', function () {
clearTimeout(timeout);
var _this = this;
timeout = setTimeout(function () {
var keywords = $(_this).val();
if (keywords == '') {
$('#dropdown').hide().html('');
return;
}
$.ajax({
url: "{:url('/index/topic/nas/help_search')}",
type: 'POST',
data: {
keywords: keywords
},
dataType: 'JSON',
success: function (r) {
var html = '';
if (r.code == 0) {
html = '<ul>'
$.each(r.data, function (k, v) {
html +=
'<li><a href="{:url(\'/index/topic/nas/help_detail\')}?id=' + v.id + '">' + v.title + '</a></li>'
})
html += '</ul>'
}
$('#dropdown').show().html(html);
}
})
}, 300);
})
// 内容
// 清空标题列表
$("#title-list ul").empty();
// 提取 h1 标题
var h1Titles = $("#rendered-content").find("h3");
h1Titles.each(function (index) {
var title = $(this);
var titleText = title.text();
var titleId = "title-" + index;
title.attr("id", titleId);
var listItem = $("<li>");
var link = $("<a>", {
href: "#" + titleId,
text: titleText
});
listItem.append(link);
$("#title-list ul").append(listItem);
});
});
</script>
{/block}

150
app/index/view/pc/topic_nas/index.html Normal file
View File

@@ -0,0 +1,150 @@
{extend name="public/nas_base" /}
{block name="style"}
<link rel="stylesheet" href="__CSS__/topic_nas_index.css">
<link rel="stylesheet" href="https://unpkg.com/swiper@9/swiper-bundle.min.css">
{/block}
{block name="main"}
<div class="orico_Page_index">
<!--Nas首页 -->
<div class="narsPage">
<!--banner -->
{notempty name="focus_image"}
<div class="narsIndex-banner">
<div class="swiper-container mySwiper ">
<div class="swiper-wrapper">
{volist name="focus_image" id="fo"}
<div class="swiper-slide">
<a href="{$fo.link}"><img src="{$fo.image}" alt="{$fo.title}"></a>
</div>
{/volist}
</div>
<!-- 如果需要分页器 -->
<div class="swiper-pagination"></div>
<!-- 如果需要导航按钮 -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
{/notempty}
<!--九大模块分类 -->
{notempty name="nas_category"}
<div class="nars-cate">
<div class="narscatecenter">
{volist name="nas_category" id="category" key="idx"}
<div class="cate-column" {eq name="idx" value="2"}style="margin:0 0.875rem;"{/eq}>
{volist name="category" id="cate" key="k"}
{if condition="$idx == 2 && $k == 1"}
{assign name="class" value="cateit bigcateit" /}
{elseif condition="$idx == 2 && $k == 2" /}
{assign name="class" value="cateit smallcateit" /}
{else /}
{assign name="class" value="cateit" /}
{/if}
<a
class="{$class}"
{notempty name="cate.link"}href="{$cate.link}"{/notempty}
style="background: url({$cate.image});background-repeat: no-repeat;background-size: 100% 100%"
>
</a>
{/volist}
</div>
{/volist}
</div>
</div>
{/notempty}
<!--视频 -->
{notempty name="nas_video"}
<div class="narsVideo" style="height:auto">
<div class="videoview">
<video class="video" poster="{$nas_video.image}" controls="" autoplay="" loop="" muted="">
<source type="video/mp4" src="{$nas_video.video}">
</video>
</div>
</div>
{/notempty}
<!--解決方案-->
{notempty name="nas_solution"}
<div class="nars-jjfa">
<span class="jjfa-title">{:lang('topic_nas_index.solution_section_title')}</span>
<div class="swiper jjfaSwiper">
<div class="swiper-wrapper">
{volist name="nas_solution" id="so"}
<div class="swiper-slide">
<img src="{$so.image}" class="jjfabgimg" />
<div class="jjfa-ct">
<span class="st" {notempty name="so.title_txt_color"}style="color:{$so.title_txt_color};"{/notempty}>{$so.title}</span>
</div>
<!-- 鼠标移入效果-->
<div class="jjfa-info">
<span class="jjfa-sp-title" {notempty name="so.title_txt_color"}style="color:{$so.title_txt_color};"{/notempty}>{$so.title}</span>
<a href="{$so.link}" class="jjfa-a" {notempty name="so.desc_txt_color"}style="color:{$so.desc_txt_color};"{/notempty}>{$so.desc|raw}</a>
</div>
</div>
{/volist}
</div>
</div>
</div>
{/notempty}
<!--微链接 -->
{notempty name="nas_software"}
<div class="nars-wlj">
<span class="wlj-title">{:lang('topic_nas_index.software_section_title')}</span>
{volist name="nas_software" id="soft" offset="0" length="3"}
<a class="wltitem" {notempty name="soft.link"}href="{$soft.link}"{/notempty}>
<div class="wljcp">
<img src="{$soft.image}" class="wljimg" />
</div>
<div class="wljcpinfo">
<span class="if-title">{$soft.title}</span>
<span class="if-info">{$soft.desc|raw}</span>
</div>
</a>
{/volist}
{volist name="nas_software" id="soft" offset="3"}
<div class="wltitem">
<a {notempty name="soft.link"}href="{$soft.link}"{/notempty} style="height:100%;width:100%">
<img src="{$soft.image}" style="height:100%;width:100%" />
</a>
</div>
{/volist}
</div>
{/notempty}
</div>
</div>
{/block}
{block name="script"}
<script type="text/javascript" src="https://unpkg.com/swiper@9.4.1/swiper-bundle.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
// banner轮播
var mySwiper = new Swiper('.mySwiper ', {
// 配置选项
loop: true,
autoplay: {
delay: 3000,
},
pagination: {
el: '.swiper-pagination',
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
// 解决方案轮播
var swiper1 = new Swiper(".jjfaSwiper", {
slidesPerView: 5,
spaceBetween: 12,
freeMode: true,
autoplay: 5000,
loop: true,
grabCursor: true, //鼠标光标
})
$('.jjfaSwiper').mouseenter(function () {
swiper1.stopAutoplay()
}).mouseleave(function () {
swiper1.startAutoplay()
});
})
</script>
{/block}

56
app/index/view/pc/topic_nas/product.html Normal file
View File

@@ -0,0 +1,56 @@
{extend name="public/nas_base" /}
{block name="style"}
<link rel="stylesheet" type="text/css" href="__CSS__/topic_nas_product.css" />
{/block}
{block name="main"}
<div class="orico_Page_index">
<!-- 产品体验 -->
<div class="narsZTPC">
<!-- 软件体验 -->
<div class="nZTtopCtMian narssbshow">
{notempty name="focus_image"}
<a {notempty name="focus_image.link"}href="{$focus_image.link}"{/notempty}>
<img src="{$focus_image.image}" class="narsZCimg" />
</a>
{/notempty}
{notempty name="step"}
<div class="narsZTicos">
{volist name="step" id="st"}
<div class="nztit">
<img src="{$st.image}" class="narsicimg" />
<span class="narsstep">{$st.title}</span>
<span class="narszttext">{$st.desc|raw}</span>
</div>
{/volist}
</div>
{/notempty}
{notempty name="trial_instructions"}
<div class="narsZTinfo">
<div class="nztif-left">
{volist name="trial_instructions" id="trial" offset="0" length="2"}
<div class="narsztewmit">
<a {notempty name="trial.link"}href="{$trial.link}" target="_blank"{/notempty}>
<img src="{$trial.image}" class="nztewmimg" />
</a>
<p>{$trial.title}</p>
<span>{$trial.desc|raw}</span>
</div>
{/volist}
</div>
<div class="nztif-right">
<span class="sysmtxt">{$trial_instructions.2.title}</span>
<div class="sminfo">{$trial_instructions.2.desc|raw}</div>
<div class="nztbzyj">
{volist name="trial_instructions" id="trial" offset="3"}
<a {notempty name="trial.link"}href="{$trial.link}" target="_blank"{/notempty}>
<span {:style(["color"=>$trial.title_txt_color])}>{$trial.title}</span>
</a>
{/volist}
</div>
</div>
</div>
{/notempty}
</div>
</div>
</div>
{/block}