feat: 模板区分pc与mobile
This commit is contained in:
99
app/index/view/pc/about_us/culture.html
Normal file
99
app/index/view/pc/about_us/culture.html
Normal file
@@ -0,0 +1,99 @@
|
||||
{extend name="public/base" /}
|
||||
{block name="title"}
|
||||
{notempty name=":lang('aboutus_culture.title')"}<title>{:lang('aboutus_culture.title')}</title>
|
||||
{else/}{__BLOCK__}{/notempty}
|
||||
{/block}
|
||||
{block name="style"}
|
||||
<link rel="stylesheet" type="text/css" href="__CSS__/aboutus_culture.css" />
|
||||
<link rel="stylesheet" type="text/css" href="__CSS__/animate.min.css" />
|
||||
{/block}
|
||||
{block name="main"}
|
||||
<div class="culture_top">
|
||||
{notempty name="focus_image"}
|
||||
{notempty name="focus_image.link"}
|
||||
<a href="{$focus_image.link}">
|
||||
<img src="{$focus_image.image}" />
|
||||
</a>
|
||||
{else/}
|
||||
<img src="{$focus_image.image}" />
|
||||
{/notempty}
|
||||
{notempty name="culture"}
|
||||
<div class="culture_bril_con swt-Container">
|
||||
{volist name="culture" id="cul" offset="0" length="3"}
|
||||
<div class="culture_bril_div">
|
||||
<div class="iconimg"><img src="{$cul.image}" /></div>
|
||||
<div class="title">
|
||||
<p>{$cul.title}</p>
|
||||
</div>
|
||||
<div class="subtitle">{$cul.desc|raw}</div>
|
||||
</div>
|
||||
{/volist}
|
||||
</div>
|
||||
{/notempty}
|
||||
</div>
|
||||
{notempty name="culture"}
|
||||
<div class="culture_vision">
|
||||
<div class="swt-Container">
|
||||
<div class="title">
|
||||
<!--Vision and Mission-->
|
||||
</div>
|
||||
{volist name="culture" id="cul" key="k" offset="3" mod="2"}
|
||||
{eq name="mod" value="1"}
|
||||
<div class="swt-Table img-responsive">
|
||||
<div id="tab{$k}" class="Table-Row">
|
||||
<div class="Table-Cell left"><img src="{$cul.image}" /></div>
|
||||
<div class="Table-Cell center"></div>
|
||||
<div class="Table-Cell right">
|
||||
<p class="subtitle">{$cul.title}</p>
|
||||
<p class="des">{$cul.desc|raw}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{else /}
|
||||
<div class="swt-Table img-responsive culture_vision_02">
|
||||
<div id="tab{$k}" class="Table-Row">
|
||||
<div class="Table-Cell left">
|
||||
<p class="subtitle">{$cul.title}</p>
|
||||
<p class="des">{$cul.desc|raw}</p>
|
||||
</div>
|
||||
<div class="Table-Cell center"></div>
|
||||
<div class="Table-Cell right"><img src="{$cul.image}" /></div>
|
||||
</div>
|
||||
</div>
|
||||
{/eq}
|
||||
{/volist}
|
||||
</div>
|
||||
</div>
|
||||
{/notempty}
|
||||
{/block}
|
||||
{block name="script"}
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
$('.culture_bril_div').addClass('animated fadeInUp');
|
||||
|
||||
var myelement = $('#tab1'); // the element to act on if viewable
|
||||
goScroll(myelement);
|
||||
var myelement2 = $('#tab2'); // the element to act on if viewable
|
||||
goScroll(myelement2);
|
||||
var myelement3 = $('#tab3'); // the element to act on if viewable
|
||||
goScroll(myelement3);
|
||||
|
||||
function goScroll(obj){
|
||||
$(window).scroll(function() {
|
||||
if(isScrolledIntoView(obj)) {
|
||||
$(obj).find('.left').addClass('animated fadeInLeft');
|
||||
$(obj).find('.right').addClass('animated fadeInRight');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function isScrolledIntoView(elem) {
|
||||
var docViewTop = $(window).scrollTop();
|
||||
var docViewBottom = docViewTop + $(window).height();
|
||||
var elemTop = $(elem).offset().top;
|
||||
var elemBottom = elemTop + $(elem).height();
|
||||
return (elemTop <= docViewBottom);
|
||||
}
|
||||
});
|
||||
</script>
|
||||
{/block}
|
||||
65
app/index/view/pc/about_us/introduction.html
Normal file
65
app/index/view/pc/about_us/introduction.html
Normal file
@@ -0,0 +1,65 @@
|
||||
{extend name="public/base" /}
|
||||
{block name="title"}
|
||||
{notempty name=":lang('aboutus_introduction.title')"}<title>{:lang('aboutus_introduction.title')}</title>{else/}{__BLOCK__}{/notempty}
|
||||
{/block}
|
||||
{block name="style"}
|
||||
<link rel="stylesheet" href="__CSS__/aboutus_introduction.css" />
|
||||
{/block}
|
||||
{block name="main"}
|
||||
<div class="orico_Page_introduction">
|
||||
<!-- 内容-->
|
||||
<div class="introductionMain">
|
||||
<div class="iotbpage">
|
||||
{notempty name="focus_image"}
|
||||
<img src="{$focus_image.image}" alt="" class="bdimg1">
|
||||
{/notempty}
|
||||
<div class="iotb_bgw">
|
||||
<h1 class="iotbt1">{:lang('aboutus_introduction.section_why_title')}</h1>
|
||||
<div class="iotb_part1">
|
||||
{notempty name="why"}
|
||||
{volist name="why" id="wh"}
|
||||
<div class="iotb_p1_item">
|
||||
<img src="{$wh.image}" alt="" class="iotbic1">
|
||||
<p class="iotbtp1">{$wh.title}</p>
|
||||
<span class="iotbts1">{$wh.desc|raw}</span>
|
||||
</div>
|
||||
{/volist}
|
||||
{/notempty}
|
||||
</div>
|
||||
</div>
|
||||
<div class="iotb_part2" style="background: #fff;">
|
||||
<h1 class="iotbt1">{:lang('aboutus_introduction.section_service_title')}</h1>
|
||||
{notempty name="service"}
|
||||
{volist name="service" id="se"}
|
||||
<div class="fdimgs">
|
||||
{volist name="se" id="s"}
|
||||
<div class="fdimgs-div">
|
||||
<img src="{$s.image}" alt="" class="fbit">
|
||||
<div class="fdimgs-div-span"></div>
|
||||
<span>{$s.title}</span>
|
||||
</div>
|
||||
{/volist}
|
||||
</div>
|
||||
{/volist}
|
||||
{/notempty}
|
||||
</div>
|
||||
</div>
|
||||
<div class="iotb_part2" style="padding-bottom:0;background: #f2f2f2;">
|
||||
<h1 class="iotbt1">{:lang('aboutus_introduction.section_difference_title')}</h1>
|
||||
{notempty name="difference"}
|
||||
{volist name="difference" id="diff"}
|
||||
<div class="fdimgs fdimgs1">
|
||||
{volist name="diff" id="di"}
|
||||
<div class="fdimgs-div">
|
||||
<img src="{$di.image}" alt="" class="fbit">
|
||||
<div class="fdimgs-div-span"></div>
|
||||
<span>{$di.title}</span>
|
||||
</div>
|
||||
{/volist}
|
||||
</div>
|
||||
{/volist}
|
||||
{/notempty}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/block}
|
||||
96
app/index/view/pc/about_us/mileage.html
Normal file
96
app/index/view/pc/about_us/mileage.html
Normal file
@@ -0,0 +1,96 @@
|
||||
{extend name="public/base" /}
|
||||
{block name="style"}
|
||||
<link rel="stylesheet" href="__CSS__/achievement.css" />
|
||||
{/block}
|
||||
{block name="main"}
|
||||
<div class="orico_Page_achievement">
|
||||
<div class="achievementMain">
|
||||
<img src="__IMAGES__/Achievement.png" class="acvImg" />
|
||||
<div class="achInfo">
|
||||
<div class="title">{:lang('aboutus_mileage.achievement')}</div>
|
||||
{notempty name="achievement"}
|
||||
<div class="achNums">
|
||||
{volist name="achievement" id="ac"}
|
||||
<div class="achive_shuju">
|
||||
<div class="title1" {notempty name="ac.desc_txt_color"}style="color:{$ac.desc_txt_color};"{/notempty}>{$ac.desc|raw}</div>
|
||||
<div class="subtitle1" {notempty name="ac.title_txt_color"}style="color:{$ac.title_txt_color};"{/notempty}>{$ac.title}</div>
|
||||
</div>
|
||||
{/volist}
|
||||
</div>
|
||||
{/notempty}
|
||||
</div>
|
||||
<div class="achTimes">
|
||||
{notempty name="events"}
|
||||
<div class="timecontent">
|
||||
<div class="title">{:lang('aboutus_mileage.events')}</div>
|
||||
<div class="timelist">
|
||||
<div class="timeline-time">
|
||||
<ul class="event_year">
|
||||
{volist name="events" id="ev" key="k"}
|
||||
<li {eq name="k" value="1"}class="current"{/eq}>
|
||||
<label for="{$ev.title}" {notempty name="ev.title_txt_color"}style="color:{$ev.title_txt_color};"{/notempty}>{$ev.title}</label>
|
||||
</li>
|
||||
{/volist}
|
||||
</ul>
|
||||
</div>
|
||||
<div class="timeline-con">
|
||||
<div class="con_event_list">
|
||||
<ul class="event_list">
|
||||
{volist name="events" id="ev" key="k"}
|
||||
<div style="overflow: hidden; color: black;">
|
||||
<h3
|
||||
id="{$ev.title}"
|
||||
{eq name="k" value="1"}class="backgroundimg"{/eq}
|
||||
{notempty name="ev.title_txt_color"}style="color:{$ev.title_txt_color};"{/notempty}
|
||||
>
|
||||
{$ev.title}
|
||||
</h3>
|
||||
<li {notempty name="ev.desc_txt_color"}style="color:{$ev.desctxt_color};"{/notempty}>{$ev.desc|raw}</li>
|
||||
</div>
|
||||
{/volist}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/notempty}
|
||||
</div>
|
||||
<div class="tech">
|
||||
{notempty name="development"}
|
||||
<div class="techcontent">
|
||||
<div class="title">{:lang('aboutus_mileage.development')}</div>
|
||||
{volist name="development" id="de"}
|
||||
<div class="techcon ">
|
||||
<div class="text">
|
||||
<img src="__IMAGES__/lichengbei.png">
|
||||
<div class="year" {notempty name="de.title_txt_color"}style="color:{$de.title_txt_color};"{/notempty}>{$de.title}</div>
|
||||
<div class="context" {notempty name="de.desc_txt_color"}style="color:{$de.desctxt_color};"{/notempty}>{$de.desc|raw}</div>
|
||||
</div>
|
||||
<div class="tech-img">
|
||||
<img src="{$de.image}" />
|
||||
</div>
|
||||
</div>
|
||||
{/volist}
|
||||
</div>
|
||||
{/notempty}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/block}
|
||||
{block name="script"}
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$('label').click(function() {
|
||||
$('.event_year>li').removeClass('current');
|
||||
$(this).parent('li').addClass('current');
|
||||
var year = $(this).attr('for');
|
||||
$('#' + year).parent().prevAll('div').slideUp(800);
|
||||
$('#' + year).parent().slideDown(800).nextAll('div').slideDown(800);
|
||||
$('#' + year).parent().css('color', "red").nextAll('div').css('color', "black")
|
||||
//
|
||||
$("h3").removeClass('backgroundimg')
|
||||
$('#' + year).addClass('backgroundimg')
|
||||
});
|
||||
});
|
||||
</script>
|
||||
{/block}
|
||||
102
app/index/view/pc/about_us/policy.html
Normal file
102
app/index/view/pc/about_us/policy.html
Normal file
@@ -0,0 +1,102 @@
|
||||
{extend name="public/base" /}
|
||||
{block name="title"}
|
||||
<title>{:lang('aboutus_policy.title')}</title>
|
||||
{/block}
|
||||
{block name="style"}
|
||||
<link rel="stylesheet" href="__CSS__/aboutus_policy.css">
|
||||
{/block}
|
||||
{block name="main"}
|
||||
<div class="orico_Page_policy">
|
||||
<!-- 内容-->
|
||||
<div class="ctmain">
|
||||
{notempty name="policy.focus_image"}
|
||||
<div class="img-responsive">
|
||||
{notempty name="policy.focus_image.link"}
|
||||
<a href="{$policy.focus_image.link}"><img src="{$policy.focus_image.image}" /></a>
|
||||
{else/}
|
||||
<img src="{$policy.focus_image.image}" />
|
||||
{/notempty}
|
||||
</div>
|
||||
{/notempty}
|
||||
<div class="lj_sale_policy">{:lang('aboutus_policy.banner_1_title')}</div>
|
||||
<div class="lj_sale_t">{:lang('aboutus_policy.banner_1_desc')}</div>
|
||||
<div class="swt-Container">
|
||||
<div class="lj_icon_l clearfix">
|
||||
{notempty name="policy.banner_1"}
|
||||
<ul>
|
||||
{volist name="policy.banner_1" id="b1"}
|
||||
<li>
|
||||
<div class="lj_icon_left"><img src="{$b1.image}" /></div>
|
||||
<div class="lj_text_right">
|
||||
<div class="lj_h3">{$b1.title}</div>
|
||||
<div class="lj_des">{$b1.desc|raw}</div>
|
||||
</div>
|
||||
</li>
|
||||
{/volist}
|
||||
</ul>
|
||||
{/notempty}
|
||||
</div>
|
||||
{notempty name="policy.banner_2"}
|
||||
{volist name="policy.banner_2" id="b2"}
|
||||
<div class="lj_bg_i clearfix">
|
||||
<div class="lj_img_l"><img src="{$b2.image}" /></div>
|
||||
<div class="lj_text_r">
|
||||
<div class="lj_h3">{$b2.title}</div>
|
||||
<div class="lj_des">{$b2.desc|raw}</div>
|
||||
</div>
|
||||
</div>
|
||||
{/volist}
|
||||
{/notempty}
|
||||
<div class="lj_three_policy">{:lang('aboutus_policy.banner_3_title')}</div>
|
||||
<div class="lj_t_small">{:lang('aboutus_policy.banner_3_desc')}</div>
|
||||
<div class="lj_policy_icon clearfix">
|
||||
{notempty name="policy.banner_3"}
|
||||
<ul>
|
||||
{volist name="policy.banner_3" id="b3"}
|
||||
<li>
|
||||
<div class="lj_icon05"><img src="{$b3.image}" /></div>
|
||||
<div class="lj_icon05_text">{$b3.title}</div>
|
||||
</li>
|
||||
{/volist}
|
||||
</ul>
|
||||
{/notempty}
|
||||
</div>
|
||||
{notempty name="policy.banner_4"}
|
||||
{volist name="policy.banner_4" id="b4"}
|
||||
<div class="lj_bg_i clearfix">
|
||||
<div class="lj_img_l"><img src="{$b4.image}" /></div>
|
||||
<div class="lj_text_r">
|
||||
<div class="lj_h3">{$b4.title}</div>
|
||||
<div class="lj_des">{$b4.desc|raw}</div>
|
||||
</div>
|
||||
</div>
|
||||
{/volist}
|
||||
{/notempty}
|
||||
<div class="lj_three_policy">{:lang('aboutus_policy.banner_5_title')}</div>
|
||||
<div class="lj_policy_four clearfix">
|
||||
{notempty name="policy.banner_5"}
|
||||
<ul>
|
||||
{volist name="policy.banner_5" id="b5"}
|
||||
<li>
|
||||
<div class="lj_icon05"><img src="{$b5.image}" /></div>
|
||||
<div class="lj_icon05_text">{$b5.title}</div>
|
||||
</li>
|
||||
{/volist}
|
||||
</ul>
|
||||
{/notempty}
|
||||
</div>
|
||||
{notempty name="policy.banner_6"}
|
||||
{volist name="policy.banner_6" id="b6"}
|
||||
<div class="lj_bg_i lj_mar_5 clearfix">
|
||||
<div class="lj_img_l"><img src="{$b6.image}" /></div>
|
||||
<div class="lj_text_r">
|
||||
<div class="lj_h3">{$b6.title}</div>
|
||||
<div class="lj_des">{$b6.desc|raw}</div>
|
||||
</div>
|
||||
</div>
|
||||
{/volist}
|
||||
{/notempty}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/block}
|
||||
43
app/index/view/pc/about_us/story.html
Normal file
43
app/index/view/pc/about_us/story.html
Normal file
@@ -0,0 +1,43 @@
|
||||
{extend name="public/base" /}
|
||||
{block name="style"}
|
||||
<link rel="stylesheet" href="__CSS__/brand.css" />
|
||||
{/block}
|
||||
{block name="main"}
|
||||
<div class="orico_Page_brand">
|
||||
<!--内容 -->
|
||||
<div class="brandMain">
|
||||
<img src="__IMAGES__/OurBrand.png" class="img-responsive" />
|
||||
{notempty name="banners"}
|
||||
<div class="our_brand_con">
|
||||
{volist name="banners" id="ba" offset="0" length="2"}
|
||||
<div class="our_brand_bg">
|
||||
<div class="vtext ">
|
||||
<div class="Table-Cell left animated fadeInLeft">
|
||||
<p class="title" {notempty name="ba.title_txt_color"}style="color:{$ba.title_txt_color};"{/notempty}>{$ba.title}</p>
|
||||
<hr>
|
||||
<div {notempty name="ba.desc_txt_color"}style="color:{$ba.desc_txt_color};"{/notempty}>{$ba.desc|raw}</div>
|
||||
</div>
|
||||
<div class="Table-Cell right animated fadeInRight">
|
||||
<img src="{$ba.image}" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/volist}
|
||||
</div>
|
||||
<div class="dis_bril_bg">
|
||||
<div class="dis_bril_con ">
|
||||
{volist name="banners" id="ba" offset="2" length="3"}
|
||||
<div class="dis_bril_div">
|
||||
<div class="iconimg"><img src="{$ba.image}"></div>
|
||||
<div class="title">
|
||||
<p {notempty name="ba.title_txt_color"}style="color:{$ba.title_txt_color};"{/notempty}>{$ba.title}</p>
|
||||
</div>
|
||||
<div class="subtitle" {notempty name="ba.desc_txt_color"}style="color:{$ba.desc_txt_color};"{/notempty}>{$ba.desc|raw}</div>
|
||||
</div>
|
||||
{/volist}
|
||||
</div>
|
||||
</div>
|
||||
{/notempty}
|
||||
</div>
|
||||
</div>
|
||||
{/block}
|
||||
139
app/index/view/pc/article/detail.html
Normal file
139
app/index/view/pc/article/detail.html
Normal file
@@ -0,0 +1,139 @@
|
||||
{extend name="public/base" /}
|
||||
{block name="title"}
|
||||
{notempty name="detail.seo_title"}<title>{$detail.seo_title}</title>{else /}{__BLOCK__}{/notempty}
|
||||
{/block}
|
||||
{block name="seo"}
|
||||
{notempty name="detail.seo_keywords"}
|
||||
<meta name="keywords" content="{$detail.seo_keywords}" />
|
||||
<meta name="description" content="{$detail.seo_desc}" />
|
||||
{else /}
|
||||
{__BLOCK__}
|
||||
{/notempty}
|
||||
{/block}
|
||||
{block name="style"}
|
||||
<link rel="stylesheet" href="__CSS__/article_detail.css">
|
||||
{/block}
|
||||
{block name="main"}
|
||||
<div class="orico_Page_articleDetail">
|
||||
<!--内容 -->
|
||||
<div class="articleDetailMain">
|
||||
<div class="atmleft">
|
||||
<div class="blog_title">
|
||||
<h2>{$detail.title}</h2>
|
||||
<p>{$detail.desc}</p>
|
||||
</div>
|
||||
<!-- 文本渲染-->
|
||||
<div class="blog_content">{$detail.content|raw}</div>
|
||||
</div>
|
||||
<div class="atmright">
|
||||
{notempty name="share_config"}
|
||||
<div class="blog_share">
|
||||
<h3>{:lang('article.detail_share')}</h3>
|
||||
<div class="share_list">
|
||||
{volist name="share_config" id="sc"}
|
||||
<a class="atdit" {if condition="!empty($sc.is_blank) && $sc.is_blank.value == 1"}target="_blank"{/if} {notempty name="sc.url.value"}href="{$sc.url.value}"{/notempty}>
|
||||
<img src="{$sc.image.value}" />
|
||||
{eq name=":array_key_exists('triggered_qrcode', $sc)" value="true"}
|
||||
<div class="triggered_qrcode">
|
||||
<img src="{$sc.triggered_qrcode.value}" />
|
||||
</div>
|
||||
{/eq}
|
||||
</a>
|
||||
{/volist}
|
||||
</div>
|
||||
</div>
|
||||
{/notempty}
|
||||
<div class="repply">
|
||||
<h3>{:lang('article.detail_leave_reply')}</h3>
|
||||
<form action="{:url('article/comment', ['id' => $detail.id])}" method="POST" autocomplete="off">
|
||||
<span>{:lang('article.detail_leave_reply_name')}</span>
|
||||
<input class="form-control itinp new_name" type="text" name="name" style="text-indent: 10px;">
|
||||
<span>{:lang('article.detail_leave_reply_email')}</span>
|
||||
<input class="form-control itinp new_email" type="email" name="email" style="text-indent: 10px; margin-bottom:0;">
|
||||
<p style="color: #C6C7C9; font-size: 0.75rem; margin-bottom: 0.625rem;">{:lang('article.detail_leave_reply_email_tip')}</p>
|
||||
<span>{:lang('article.detail_leave_reply_comment')}</span>
|
||||
<textarea class="form-control itinp new_comment" name="content" rows="3" style="text-indent: 10px;width: 98%; margin-top: 0.625rem;margin-bottom: 0.625rem;border: 1px solid #DBDBDB;"></textarea>
|
||||
<div class="comment_btn" style="color:#ffffff;">{:lang('article.detail_leave_reply_submit')}</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{notempty name="$recommends"}
|
||||
<div class="xq">
|
||||
<!-- 猜您喜欢 -->
|
||||
<div class="love">
|
||||
<div class="love1">
|
||||
<p class="tt">{:lang('article.detail_recommend')}</p>
|
||||
<p><img src="__IMAGES__/1line.png" height="7"></p>
|
||||
</div>
|
||||
<ul class="love2">
|
||||
{volist name="recommends" id="vo"}
|
||||
<li>
|
||||
<a href="{:url('article/detail', ['id' => $vo.id])}">
|
||||
<div class="lvimg"><img src="{$vo.image}"></div>
|
||||
<p class="lvtit">{$vo.title}</p>
|
||||
</a>
|
||||
</li>
|
||||
{/volist}
|
||||
<div class="clear"></div>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{/notempty}
|
||||
</div>
|
||||
{/block}
|
||||
{block name="script"}
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
$('.comment_btn').click(function() {
|
||||
var form = $(this).parents('form');
|
||||
var form_data = form.serialize();
|
||||
$.ajax({
|
||||
url: form.attr('action'),
|
||||
type: 'POST',
|
||||
data: form_data,
|
||||
dataType: 'json',
|
||||
success: function(data) {
|
||||
alert(data.msg);
|
||||
if (data.code == 0) {
|
||||
window.location.reload();
|
||||
}
|
||||
}
|
||||
})
|
||||
})
|
||||
// 滚动到猜你喜欢部分，右边提交信息不固定
|
||||
$(window).scroll(function() {
|
||||
// 获取元素引用
|
||||
const blogContent = $('.blog_content');
|
||||
const rightSidebar = $('.orico_Page_articleDetail .articleDetailMain .atmright');
|
||||
|
||||
// 计算 blog_content 底部位置
|
||||
const contentBottom = blogContent.offset().top + blogContent.outerHeight();
|
||||
|
||||
// 计算视口底部位置
|
||||
const windowBottom = $(window).scrollTop() + $(window).height();
|
||||
|
||||
// 当视口底部超过 blog_content 底部时
|
||||
if (windowBottom >= contentBottom) {
|
||||
rightSidebar.css('position', 'static'); // 移除固定定位
|
||||
} else {
|
||||
rightSidebar.css('position', 'fixed'); // 恢复固定定位
|
||||
}
|
||||
});
|
||||
})
|
||||
function shareCustomers(){
|
||||
// 复制到粘贴板
|
||||
const input = document.createElement('input')
|
||||
input.setAttribute('readonly', 'readonly')
|
||||
let url=window.location.href
|
||||
input.setAttribute('value', url)
|
||||
document.body.appendChild(input)
|
||||
input.select()
|
||||
if (document.execCommand('copy')) {
|
||||
document.execCommand('copy')
|
||||
alert('链接复制成功')
|
||||
}
|
||||
document.body.removeChild(input)
|
||||
}
|
||||
</script>
|
||||
{/block}
|
||||
49
app/index/view/pc/article/index.html
Normal file
49
app/index/view/pc/article/index.html
Normal file
@@ -0,0 +1,49 @@
|
||||
{extend name="public/base" /}
|
||||
{block name="style"}
|
||||
<link rel="stylesheet" type="text/css" href="__CSS__/article_category.css" />
|
||||
{/block}
|
||||
{block name="main"}
|
||||
<div class="orico_Page_category">
|
||||
<!-- 内容 -->
|
||||
<div class="categoryMain">
|
||||
<img src="{$banner.image}" class="categorybgimg" />
|
||||
<!-- 切换 -->
|
||||
<div class="tabs">
|
||||
{volist name="categorys" id="ca"}
|
||||
{if condition="$Request.get.cid == $ca.id || (!$Request.has.cid && $key == 0)"}
|
||||
<a class="tabitme on" href="{:url('article/index', ['pid' => $ca.pid, 'cid' => $ca.id])}">
|
||||
{else/}
|
||||
<a class="tabitme" href="{:url('article/index', ['pid' => $ca.pid, 'cid' => $ca.id])}">
|
||||
{/if}
|
||||
{$ca.name}
|
||||
</a>
|
||||
{/volist}
|
||||
</div>
|
||||
<!-- 搜索 -->
|
||||
<div class="categorySearch">
|
||||
<form action="{:url('article/index', ['pid' => $Request.param.pid])}" method="get">
|
||||
<i class="search_icon"></i>
|
||||
<input type="text" class="search" id="article-search-in" name="keywords" value="">
|
||||
</form>
|
||||
</div>
|
||||
<!-- 切换内容 -->
|
||||
{notempty name="articles"}
|
||||
<div class="tabConten">
|
||||
<div class="tbmain">
|
||||
{volist name="articles" id="ar"}
|
||||
<div class="Contenitem">
|
||||
<a href="{:url('article/detail', ['id' => $ar.id])}">
|
||||
<img src="{$ar.image}" />
|
||||
<h3>{$ar.title}</h3>
|
||||
<p>{$ar.desc}</p>
|
||||
</a>
|
||||
</div>
|
||||
{/volist}
|
||||
</div>
|
||||
<!-- 分页-->
|
||||
<div>{$articles|raw}</div>
|
||||
</div>
|
||||
{/notempty}
|
||||
</div>
|
||||
</div>
|
||||
{/block}
|
||||
73
app/index/view/pc/attachment/index.html
Normal file
73
app/index/view/pc/attachment/index.html
Normal file
@@ -0,0 +1,73 @@
|
||||
{extend name="public/base" /}
|
||||
{block name="style"}
|
||||
<link rel="stylesheet" href="__CSS__/download.css" />
|
||||
{/block}
|
||||
{block name="main"}
|
||||
<div class="orico_Page_download">
|
||||
<!-- 内容 -->
|
||||
<div class="downloadMain">
|
||||
<div class="topimg">
|
||||
<img src="__IMAGES__/banner_01.png" />
|
||||
<div class="banner_title">{:lang('attachment.software_drives')}</div>
|
||||
</div>
|
||||
<div class="contact_c">
|
||||
<!-- 搜索 -->
|
||||
<form action="{:url('attachment/index')}" method="get">
|
||||
<div class="search_all">
|
||||
<input type="hidden" name="id" value="{$Request.get.id}" />
|
||||
<input type="text" name="keyword" placeholder="{:lang('attachment.search_placeholder')}" />
|
||||
<button class="searchbtn" type="submit"><img src="__IMAGES__/search_blue.png" /></button>
|
||||
</div>
|
||||
</form>
|
||||
<!-- tab切换 -->
|
||||
<div class="tab">
|
||||
{notempty name="categorys"}
|
||||
{volist name="categorys" id="ca"}
|
||||
<a href="{:url('attachment/index', ['id' => $ca.id])}">
|
||||
{if condition="(!$Request.has.id && $key == 0) || $Request.get.id == $ca.id"}
|
||||
<div class="tabit on">
|
||||
{else/}
|
||||
<div class="tabit">
|
||||
{/if}
|
||||
{$ca.name}
|
||||
</div>
|
||||
</a>
|
||||
{/volist}
|
||||
{/notempty}
|
||||
<a href="{:url('attachment/video')}"><div class="tabit">{:lang('attachment.video')}</div></a>
|
||||
</div>
|
||||
<!-- 切换的内容 -->
|
||||
<div class="softlist">
|
||||
{notempty name="attachements"}
|
||||
{volist name="attachements" id="att"}
|
||||
<div class="softit">
|
||||
<div class="left_img">
|
||||
<img src="{$att.image}" alt="">
|
||||
</div>
|
||||
<div>
|
||||
<p class="title">{$att.name}</p>
|
||||
<p class="sub_title">{:lang('attachment.support_model')}: </p>
|
||||
<p class="des">{$att.applicable_to}</p>
|
||||
<p class="sub_title">{:lang('attachment.support_platform')}: </p>
|
||||
<p class="des">{$att.support_platform}</p>
|
||||
<p>
|
||||
{notempty name="att.attach"}
|
||||
{volist name="att.attach" id="ch"}
|
||||
<a href="{$ch.file_path}" target="_blank">
|
||||
<span class="l_button">{$ch.btn_name}</span>
|
||||
</a>
|
||||
{/volist}
|
||||
{/notempty}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{/volist}
|
||||
<div class="page-box">{$page|raw}</div>
|
||||
{else/}
|
||||
<div class="softit">{:lang('attachment.no_data')}</div>
|
||||
{/notempty}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/block}
|
||||
79
app/index/view/pc/attachment/video.html
Normal file
79
app/index/view/pc/attachment/video.html
Normal file
@@ -0,0 +1,79 @@
|
||||
{extend name="public/base" /}
|
||||
{block name="style"}
|
||||
<link rel="stylesheet" href="__CSS__/download.css" />
|
||||
{/block}
|
||||
{block name="main"}
|
||||
<div class="orico_Page_download">
|
||||
<!-- 内容 -->
|
||||
<div class="downloadMain">
|
||||
<div class="topimg">
|
||||
<img src="__IMAGES__/banner_01.png" />
|
||||
<div class="banner_title">{:lang('attachment.software_drives')}</div>
|
||||
</div>
|
||||
<div class="contact_c">
|
||||
<!-- 搜索 -->
|
||||
<form action="{:url('attachment/video')}" method="get">
|
||||
<div class="search_all">
|
||||
<input type="text" name="keyword" placeholder="{:lang('attachment.search_placeholder')}" />
|
||||
<button class="searchbtn" type="submit"><img src="__IMAGES__/search_blue.png" /></button>
|
||||
</div>
|
||||
</form>
|
||||
<!-- tab切换 -->
|
||||
<div class="tab">
|
||||
{notempty name="attachment_categorys"}
|
||||
{volist name="attachment_categorys" id="ca"}
|
||||
<a href="{:url('attachment/index', ['id' => $ca.id])}">
|
||||
<div class="tabit">
|
||||
{$ca.name}
|
||||
</div>
|
||||
</a>
|
||||
{/volist}
|
||||
{/notempty}
|
||||
<div class="tabit on">{:lang('attachment.video')}</div>
|
||||
</div>
|
||||
<!-- VIDEO 切换 -->
|
||||
<div class="vidotabs">
|
||||
{notempty name="video_categorys"}
|
||||
<div class="hd">
|
||||
<ul>
|
||||
{volist name="video_categorys" id="vca" key="k"}
|
||||
<li class="vli {if condition='($Request.has.id && $Request.get.id==$vca.id) || (!$Request.has.id && $k==1)'}von{/if}">
|
||||
<a href="{:url('attachment/video', ['id' => $vca.id])}" style="display: block;">{$vca.name}</a>
|
||||
</li>
|
||||
{/volist}
|
||||
</ul>
|
||||
</div>
|
||||
{/notempty}
|
||||
<!-- 视频内容 -->
|
||||
<div class="bdconten">
|
||||
{notempty name="videos"}
|
||||
{volist name="videos" id="items"}
|
||||
<ul >
|
||||
{volist name="items" id="vo"}
|
||||
<dl class="video_hotul">
|
||||
<dd>
|
||||
<div class="hot1">
|
||||
<video poster="{$vo.image}" preload="none" controls="controls">
|
||||
<source src="{$vo.video}" type="video/mp4">
|
||||
</video>
|
||||
</div>
|
||||
<div class="htit">
|
||||
<div class="htit1">{$vo.name}</div>
|
||||
<div class="htit2">{$vo.desc}</div>
|
||||
</div>
|
||||
</dd>
|
||||
<div class="clear"></div>
|
||||
</dl>
|
||||
{/volist}
|
||||
</ul>
|
||||
{/volist}
|
||||
<div class="page-box">{$page|raw}</div>
|
||||
{else/}
|
||||
<ul><dl class="video-empty">{:lang('attachment.no_video')}</dl></ul>
|
||||
{/notempty}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/block}
|
||||
104
app/index/view/pc/contact_us/bulkbuy.html
Normal file
104
app/index/view/pc/contact_us/bulkbuy.html
Normal file
@@ -0,0 +1,104 @@
|
||||
{extend name="public/base" /}
|
||||
{block name="title"}
|
||||
{notempty name=":lang('contact_bulkbuy.title')"}<title>{:lang('contact_bulkbuy.title')}</title>{else /}{__BLOCK__}{/notempty}
|
||||
{/block}
|
||||
{block name="style"}
|
||||
<link rel="stylesheet" href="__CSS__/contactus_bulkbuy.css">
|
||||
{/block}
|
||||
{block name="main"}
|
||||
<div class="orico_Page_bussiness">
|
||||
<!--首内容 -->
|
||||
<div class="bussinessMain">
|
||||
<form class="bd_main" action="" method="post">
|
||||
<h1 class="sfbt1">{:lang('contact_bulkbuy.form_title')}</h1>
|
||||
<!--内容-->
|
||||
<div class="bd_ct ">
|
||||
<div class="bd_from" style="padding: 0 300px;">
|
||||
<div class="theit">
|
||||
<div class="bditem">
|
||||
<label class="itlable">{:lang('contact_bulkbuy.form_corp_name_label')}<span class="redtag">*</span></label>
|
||||
<input type="text" class="form-control itinp" placeholder="{:lang('contact_bulkbuy.form_corp_name_placeholder')}" name="corp_name" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="theit">
|
||||
<div class="bditem">
|
||||
<label class="itlable">{:lang('contact_bulkbuy.form_website_url_label')}</label>
|
||||
<input type="text" class="form-control itinp" placeholder="{:lang('contact_bulkbuy.form_website_url_placeholder')}" name="url" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="theit">
|
||||
<div class="bditem">
|
||||
<label class="itlable">{:lang('contact_bulkbuy.form_username_label')}<span class="redtag">*</span></label>
|
||||
<input type="text" class="form-control itinp" placeholder="{:lang('contact_bulkbuy.form_firstname_placeholder')}" name="first_name" />
|
||||
</div>
|
||||
<div class="bditem">
|
||||
<label class="itlable"> </label>
|
||||
<input type="text" class="form-control itinp" placeholder="{:lang('contact_bulkbuy.form_lastname_placeholder')}" name="last_name" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="theit">
|
||||
<div class="bditem">
|
||||
<label class="itlable">{:lang('contact_bulkbuy.form_email_label')}<span class="redtag">*</span></label>
|
||||
<input type="email" class="form-control itinp" placeholder="{:lang('contact_bulkbuy.form_email_placeholder')}" name="email" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="theit">
|
||||
<div class="bditem bditem1">
|
||||
<label class="itlable">{:lang('contact_bulkbuy.form_phone_label')}</label>
|
||||
<input type="text" class="form-control itinp" placeholder="{:lang('contact_bulkbuy.form_phone_placeholder')}" name="phone" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="theit">
|
||||
<div class="bditem bditem1">
|
||||
<label class="itlable">{:lang('contact_bulkbuy.form_checkbox_label')}</label>
|
||||
<div class="sfbchecks">
|
||||
<div class="sfbcheckboxlist">
|
||||
{notempty name="interested"}
|
||||
{volist name="interested" id="it"}
|
||||
<label class="cit">
|
||||
<input name="interested" type="checkbox" value="{$it}" class="sfbcheckboxit" />{$it}
|
||||
</label>
|
||||
{/volist}
|
||||
{/notempty}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="theit">
|
||||
<div class="bditem bditem1">
|
||||
<label class="itlable">{:lang('contact_bulkbuy.form_message_label')}<span class="redtag">*</span></label>
|
||||
<textarea class="ittextarea ittextarea2" placeholder="{:lang('contact_bulkbuy.form_message_placeholder')}" name="message"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 提交-->
|
||||
<div class="bttj" id="send">{:lang('contact_bulkbuy.form_submit')}</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
{/block}
|
||||
{block name="script"}
|
||||
<script type="text/javascript">
|
||||
$(function(){
|
||||
$("#send").click(function(){
|
||||
var form = $(this).parents("form");
|
||||
$.ajax({
|
||||
url: "{:url('contactus/bulkbuy')}",
|
||||
type: "post",
|
||||
dataType: "json",
|
||||
data: form.serialize(),
|
||||
success: function(r){
|
||||
if(r.code == 0){
|
||||
form.get(0).reset();
|
||||
}
|
||||
alert(r.msg);
|
||||
},
|
||||
error: function(e){
|
||||
console.error(e);
|
||||
}
|
||||
})
|
||||
})
|
||||
})
|
||||
</script>
|
||||
{/block}
|
||||
105
app/index/view/pc/contact_us/distributor.html
Normal file
105
app/index/view/pc/contact_us/distributor.html
Normal file
@@ -0,0 +1,105 @@
|
||||
{extend name="public/base" /}
|
||||
{block name="title"}
|
||||
<title>{:lang('contact_distributor.title')}</title>
|
||||
{/block}
|
||||
{block name="style"}
|
||||
<link rel="stylesheet" href="__CSS__/contactus_distributor.css" />
|
||||
{/block}
|
||||
{block name="main"}
|
||||
<div class="orico_Page_distributor">
|
||||
<!--内容 -->
|
||||
<div class="distributorMain">
|
||||
<h1 class="t1">{:lang('contact_distributor.section_title')}</h1>
|
||||
<p class="s1" style="padding-bottom:5px">{:lang('contact_distributor.section_desc_1')}</p>
|
||||
<p class="s1 s2">{:lang('contact_distributor.section_desc_2')}</p>
|
||||
<!--内容-->
|
||||
<form action="" method="post">
|
||||
<div class="bd_ct">
|
||||
<div class="thimg">
|
||||
<img src="__IMAGES__/brand02.png" class="bdimg">
|
||||
</div>
|
||||
<div class="bd_from">
|
||||
<div class="theit">
|
||||
<div class="bditem">
|
||||
<label class="itlable">{:lang('contact_distributor.form_corp_name')}<span class="redtag">*</span></label>
|
||||
<input type="text" class="form-control itinp" name="corp_name" placeholder="{:lang('contact_distributor.form_corp_name_placeholder')}" />
|
||||
</div>
|
||||
<div class="bditem">
|
||||
<label class="itlable">{:lang('contact_distributor.form_email')}<span class="redtag">*</span></label>
|
||||
<input type="email" class="form-control itinp" name="email" placeholder="{:lang('contact_distributor.form_email_placeholder')}" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="theit">
|
||||
<div class="bditem bditem1">
|
||||
<label class="itlable">{:lang('contact_distributor.form_phone')}<span class="redtag">*</span></label>
|
||||
<input type="text" class="form-control itinp" name="phone" placeholder="{:lang('contact_distributor.form_phone_placeholder')}" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="theit">
|
||||
<div class="bditem">
|
||||
<label class="itlable">{:lang('contact_distributor.form_business_type')}<span class="redtag">*</span></label>
|
||||
<select name="business_type" class="form-control itinp">
|
||||
{volist name="types" id="ty"}
|
||||
<option value="{$ty.value}">{$ty.name}</option>
|
||||
{/volist}
|
||||
</select>
|
||||
</div>
|
||||
<div class="bditem">
|
||||
<label class="itlable">{:lang('contact_distributor.form_online_shop_url')}</label>
|
||||
<input type="text" class="form-control itinp" name="url" placeholder="{:lang('contact_distributor.form_online_shop_url_placeholder')}" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="theit">
|
||||
<div class="bditem bditem1">
|
||||
<label class="itlable">{:lang('contact_distributor.form_enterprise_size')}<span class="redtag">*</span></label>
|
||||
<select name="enterprise_size" class="form-control itinp">
|
||||
{volist name="sizes" id="si"}
|
||||
<option value="{$si.value}">{$si.name}</option>
|
||||
{/volist}
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="theit">
|
||||
<div class="bditem bditem1">
|
||||
<label class="itlable">{:lang('contact_distributor.form_corp_address')}<span class="redtag">*</span></label>
|
||||
<input class="form-control itinp" name="address" placeholder="{:lang('contact_distributor.form_corp_address_placeholder')}" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="theit">
|
||||
<div class="bditem bditem1">
|
||||
<label class="itlable">{:lang('contact_distributor.form_message')}<span class="redtag">*</span></label>
|
||||
<textarea class="ittextarea" name="message" placeholder="{:lang('contact_distributor.form_message_placeholder')}"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 提交-->
|
||||
<div class="bttj" id="send">{:lang('contact_distributor.form_submit')}</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
{/block}
|
||||
{block name="script"}
|
||||
<script type="text/javascript">
|
||||
$(function () {
|
||||
$("#send").click(function () {
|
||||
var form = $(this).parents("form");
|
||||
$.ajax({
|
||||
url: "{:url('contactus/distributor')}",
|
||||
type: "post",
|
||||
data: form.serialize(),
|
||||
dataType: "json",
|
||||
success: function (r) {
|
||||
if (r.code == 0) {
|
||||
form.get(0).reset();
|
||||
}
|
||||
alert(r.msg);
|
||||
},
|
||||
error: function (e) {
|
||||
console.error(e);
|
||||
}
|
||||
})
|
||||
})
|
||||
})
|
||||
</script>
|
||||
{/block}
|
||||
56
app/index/view/pc/contact_us/index.html
Normal file
56
app/index/view/pc/contact_us/index.html
Normal file
@@ -0,0 +1,56 @@
|
||||
{extend name="public/base" /}
|
||||
{block name="title"}
|
||||
<title>{:lang('contact_index.title')}</title>
|
||||
{/block}
|
||||
{block name="style"}
|
||||
<link rel="stylesheet" href="__CSS__/contactus_index.css" />
|
||||
{/block}
|
||||
{block name="main"}
|
||||
<!--banner-->
|
||||
{notempty name="focus_image.image"}
|
||||
<div class="Swt-Banner position-r" >
|
||||
<img src="{$focus_image.image}" alt="" style="margin-top: 60px;"/>
|
||||
</div>
|
||||
{/notempty}
|
||||
<!--内容-->
|
||||
<div class="narskfPage">
|
||||
{notempty name="info_datas"}
|
||||
<div class="narskf-content">
|
||||
{volist name="info_datas" id="items"}
|
||||
<div class="narskf-ct-row">
|
||||
{gt name=":count($items)" value="2"}
|
||||
{volist name="items" id="item"}
|
||||
<a class="narskfit" href="{$item.link}">
|
||||
<img src="{$item.image}" class="narskico-img" />
|
||||
<span class="narskf-title">{$item.title}</span>
|
||||
{notempty name="item.title_short"}
|
||||
<span class="narskf-sm">{$item.title_short}</span>
|
||||
{/notempty}
|
||||
{notempty name="item.desc"}
|
||||
{if condition="str_contains($item.desc, '<img')"}
|
||||
<div class="narskfactive-ewm">
|
||||
{else/}
|
||||
<div class="narskf-sm narskf-font-26">
|
||||
{/if}
|
||||
{$item.desc|raw}
|
||||
</div>
|
||||
{/notempty}
|
||||
</a>
|
||||
{/volist}
|
||||
{else/}
|
||||
{volist name="items" id="item"}
|
||||
<div class="narskfit narskfit2">
|
||||
<img src="{$item.image}" class="narskico-img" />
|
||||
<div class="narskfit2-ct">
|
||||
<span class="narskf-title">{$item.title}</span>
|
||||
<span class="narskf-sm">{$item.desc|raw}</span>
|
||||
</div>
|
||||
</div>
|
||||
{/volist}
|
||||
{/gt}
|
||||
</div>
|
||||
{/volist}
|
||||
</div>
|
||||
{/notempty}
|
||||
</div>
|
||||
{/block}
|
||||
108
app/index/view/pc/contact_us/message.html
Normal file
108
app/index/view/pc/contact_us/message.html
Normal file
@@ -0,0 +1,108 @@
|
||||
{extend name="public/base" /}
|
||||
{block name="title"}<title>{:lang('contact_message.title')}</title>{/block}
|
||||
{block name="style"}
|
||||
<link rel="stylesheet" href="__CSS__/contactus_message.css" />
|
||||
{/block}
|
||||
{block name="main"}
|
||||
<div class="orico_Page_contact">
|
||||
<!-- 内容 -->
|
||||
<div class="contactMain">
|
||||
{notempty name="focus_image"}
|
||||
<a href="{notempty name='focus_image.link'}{$focus_image.link}{else/}javascript:void(0);{/notempty}">
|
||||
<img src="{$focus_image.image}" class="contactImg" />
|
||||
</a>
|
||||
{/notempty}
|
||||
<div class="contact_c">
|
||||
<div class="all_contact">
|
||||
<div class="info">
|
||||
<div class="title"> {:lang('contact_message.our_information')} </div>
|
||||
{notempty name="our_information[0]"}
|
||||
<div class="info_all">
|
||||
{assign name="first_info" value="$our_information|array_shift" /}
|
||||
{notempty name="first_info"}
|
||||
<div class="list">
|
||||
{notempty name="first_info.image"}
|
||||
<div class="list_img"><img src="{$first_info.image}" /></div>
|
||||
{/notempty}
|
||||
<div class="list_right">
|
||||
<div class="title">{$first_info.title}:</div>
|
||||
<div class="des">{$first_info.desc|raw}</div>
|
||||
</div>
|
||||
</div>
|
||||
{/notempty}
|
||||
{volist name="our_information|array_chunk=2" id="infos"}
|
||||
<div class="list">
|
||||
{volist name="infos" id="inf"}
|
||||
{notempty name="inf.image"}
|
||||
<div class="list_img"><img src="{$inf.image}" alt=""></div>
|
||||
{/notempty}
|
||||
<div class="sub_list">
|
||||
<div class="title">{$inf.title}:</div>
|
||||
<div class="des">{$inf.desc|raw}</div>
|
||||
</div>
|
||||
{/volist}
|
||||
</div>
|
||||
{/volist}
|
||||
</div>
|
||||
{/notempty}
|
||||
</div>
|
||||
<div class="question">
|
||||
<div class="title">{:lang('contact_message.send_question')}</div>
|
||||
<div class="question_form">
|
||||
<form action="" method="post" autocomplete="off">
|
||||
<div class="list">
|
||||
<div class="title">{:lang('contact_message.form_name')}<span class="f_red">*</span></div>
|
||||
<div class="form_input">
|
||||
<input name="name" class="form-control itinp" placeholder="{:lang('contact_message.form_name_placeholder')}" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="list">
|
||||
<div class="title">{:lang('contact_message.form_email')} <span class="f_red">*</span></div>
|
||||
<div class="form_input">
|
||||
<input name="email" class="form-control itinp" placeholder="{:lang('contact_message.form_email_placeholder')}" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="list">
|
||||
<div class="title">{:lang('contact_message.form_question')} <span class="f_red">*</span></div>
|
||||
<div class="form_input">
|
||||
<textarea rows="6" name="content" class="ittextarea" placeholder="{:lang('contact_message.form_question_placeholder')}"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list">
|
||||
<div class="contact_button" id="send">{:lang('contact_message.form_submit')}</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="become_dis">
|
||||
<a href="{:url('contactus/distributor')}" class="text_blue">{:lang('contact_message.become_a_distributor')}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/block}
|
||||
{block name="script"}
|
||||
<script type="text/javascript">
|
||||
$(function () {
|
||||
$("#send").click(function () {
|
||||
var form = $(this).parents("form");
|
||||
$.ajax({
|
||||
url: "{:url('contactus/message')}",
|
||||
type: "post",
|
||||
data: form.serialize(),
|
||||
dataType: "json",
|
||||
success: function (r) {
|
||||
if (r.code == 0) {
|
||||
form.get(0).reset();
|
||||
}
|
||||
alert(r.msg);
|
||||
},
|
||||
error: function (e) {
|
||||
console.error(e.msg);
|
||||
}
|
||||
})
|
||||
})
|
||||
})
|
||||
</script>
|
||||
{/block}
|
||||
34
app/index/view/pc/faq/index.html
Normal file
34
app/index/view/pc/faq/index.html
Normal file
@@ -0,0 +1,34 @@
|
||||
{extend name="public/base" /}
|
||||
{block name="title"}
|
||||
<title>常见FQ_下载与服务_中文官网帮助信息_ORICO/奥睿科官网</title>
|
||||
{/block}
|
||||
{block name="style"}
|
||||
<link rel="stylesheet" href="__CSS__/faq.css">
|
||||
{/block}
|
||||
{block name="main"}
|
||||
<div class="orico_Page_fq">
|
||||
<!--内容 -->
|
||||
<div class="img-responsive">
|
||||
<img src="{$banner.image}" />
|
||||
</div>
|
||||
<div class="fqMain">
|
||||
{notempty name="faq"}
|
||||
<ul class="Table-Row">
|
||||
{volist name="faq" id="vo"}
|
||||
<li class="Table-Cell">
|
||||
<div class="img-responsive">
|
||||
<img src="{$vo.image}" />
|
||||
</div>
|
||||
<div class="faq-all-text">
|
||||
<div class="faq-title">{$vo.question}</div>
|
||||
<div class="faq-des">{$vo.answer|raw}</div>
|
||||
</div>
|
||||
</li>
|
||||
{/volist}
|
||||
</ul>
|
||||
<!-- 分页-->
|
||||
<div >{$faq|raw}</div>
|
||||
{/notempty}
|
||||
</div>
|
||||
</div>
|
||||
{/block}
|
||||
434
app/index/view/pc/index/index.html
Normal file
434
app/index/view/pc/index/index.html
Normal file
@@ -0,0 +1,434 @@
|
||||
{extend name="public/base" /}
|
||||
{block name="style"}
|
||||
<link rel="stylesheet" type="text/css" href="__CSS__/index.css" />
|
||||
<link rel="stylesheet" type="text/css" href="__CSS__/before-after.min.css" />
|
||||
|
||||
{/block}
|
||||
{block name="main"}
|
||||
<div class="orico_Page_index">
|
||||
<div class="pageMain">
|
||||
<!-- banner -->
|
||||
{notempty name="focus_images"}
|
||||
<div class="swiper-container bannerswiper">
|
||||
<div class="swiper-wrapper">
|
||||
{volist name="focus_images" id="focus"}
|
||||
<div class="swiper-slide">
|
||||
<a href="{$focus.link}" target="_blank"><img src="{$focus.image}" alt="{$focus.title}"></a>
|
||||
</div>
|
||||
{/volist}
|
||||
</div>
|
||||
<!-- 如果需要分页器 -->
|
||||
<div class="swiper-pagination"></div>
|
||||
<!-- 如果需要导航按钮 -->
|
||||
<div class="swiper-button-prev"></div>
|
||||
<div class="swiper-button-next"></div>
|
||||
</div>
|
||||
{/notempty}
|
||||
<!-- 产品分类信息 -->
|
||||
{notempty name="product_categorys"}
|
||||
<div class="catMain">
|
||||
{volist name="product_categorys" id="cate"}
|
||||
<a class="catit" href="{$cate.link}">
|
||||
<img src="{$cate.image}" src="catIcoImg" />
|
||||
<span class="catName" {notempty name="cate.title_txt_color" }style="color:{$cate.title_txt_color};"
|
||||
{/notempty}>{$cate.title}</span>
|
||||
</a>
|
||||
{/volist}
|
||||
</div>
|
||||
{/notempty}
|
||||
<!-- 特色专题及公司实力 -->
|
||||
{notempty name="featured_topics"}
|
||||
<div class="featuredtopicsMain">
|
||||
<div class="ftcontent">
|
||||
{volist name="featured_topics" id="topic" mod="2"}
|
||||
<a class="ftItme" href="{$topic.link}">
|
||||
{if condition="$mod == '1'"}
|
||||
<div class="ftItme_right">
|
||||
<img src="{$topic.image}" />
|
||||
</div>
|
||||
<div class="ftItme_left">
|
||||
<p>{$topic.title}</p>
|
||||
<div class="subtitle">
|
||||
<span>{:lang('index.view_all')} ></span>
|
||||
<div class="tpicture"></div>
|
||||
</div>
|
||||
</div>
|
||||
{else/}
|
||||
<div class="ftItme_left">
|
||||
<p>{$topic.title}</p>
|
||||
<div class="subtitle">
|
||||
<span>{:lang('index.view_all')}</span>
|
||||
<div class="tpicture"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ftItme_right">
|
||||
<img src="{$topic.image}" />
|
||||
</div>
|
||||
{/if}
|
||||
</a>
|
||||
{/volist}
|
||||
</div>
|
||||
</div>
|
||||
{/notempty}
|
||||
<!-- 明星产品/热点产品 -->
|
||||
{notempty name="featured_products"}
|
||||
<div class="featuredProducts">
|
||||
<p class="biaoti">{:lang('index.featured_products')}</p>
|
||||
<div class="swiper fpSwiper">
|
||||
<div class="swiper-wrapper">
|
||||
{volist name="featured_products" id="product"}
|
||||
<div class="swiper-slide picture">
|
||||
<a class="primg">
|
||||
<img src="{$product.cover_image}" />
|
||||
</a>
|
||||
<div class="fpptitle">{$product.name}</div>
|
||||
<div class="subtitle">{$product.short_name}</div>
|
||||
<a class="more">{:lang('index.learn_more')} ></a>
|
||||
</div>
|
||||
{/volist}
|
||||
</div>
|
||||
<div class="swiperasd">
|
||||
<div class="swiper-container1">
|
||||
<div class="slideshow-pag swiper-pagination"></div>
|
||||
</div>
|
||||
<div class="swiper-container swi1">
|
||||
<img class="slideshow-btn swiper-button-next" src="static/index/temp_images/rightcheck.png">
|
||||
<img class="slideshow-btn swiper-button-prev" src="static/index/temp_images/lefta.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/notempty}
|
||||
<!-- 视频宣传 -->
|
||||
{notempty name="video"}
|
||||
<div class="hotProduct">
|
||||
<div class="hotvideo">
|
||||
<video poster="{$video.image}"
|
||||
src="{$video.video}"
|
||||
style="max-height:50rem;z-index:9999;width: 100%;object-fit: cover;"
|
||||
autoplay
|
||||
loop
|
||||
controls
|
||||
id="oricoVideo"></video>
|
||||
</div>
|
||||
<img src="{$video.image}" class="hotImg" />
|
||||
</div>
|
||||
{/notempty}
|
||||
<!-- 场景介绍 -->
|
||||
{notempty name="scenes"}
|
||||
<div class="sceneIntroduction">
|
||||
{volist name="scenes" id="scene"}
|
||||
<div class="sceneitem">
|
||||
<div class="sceneInfo">
|
||||
<p class="scenetitle" {notempty name="scene.title_txt_color" }style="color:{$scene.title_txt_color};"
|
||||
{/notempty}>{$scene.title}</p>
|
||||
<p class="subtitle" {notempty name="scene.desc_txt_color" }style="color:{$scene.desc_txt_color};" {/notempty}>
|
||||
{$scene.desc|raw}</p>
|
||||
<a class="sceneMore" href="{$scene.link}">{:lang('index.learn_more')} ></a>
|
||||
</div>
|
||||
<div style="background-image: url('{$scene.image}');" class="sceneimg"></div>
|
||||
</div>
|
||||
{/volist}
|
||||
</div>
|
||||
{/notempty}
|
||||
<!-- orico科技 -->
|
||||
<div class="oricoTechnology">
|
||||
<p class="ottitle">{:lang('index.orico_technology')}</p>
|
||||
<span class="otsbtitle">{:lang('index.orico_technology_desc')}</span>
|
||||
<div class="beforeafter ba-slider">
|
||||
<!-- 对比前的图片 -->
|
||||
<img src="static/index/images/indeximg1.jpg">
|
||||
<div class="resize">
|
||||
<!-- 对比后的图片 -->
|
||||
<img src="static/index/images/indeximg2.jpg">
|
||||
</div>
|
||||
<!-- 可拖动的分隔条 -->
|
||||
<span class="handle"></span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 品牌故事 -->
|
||||
{notempty name="brand_story"}
|
||||
<div class="brandStory">
|
||||
<div class="swiper brandStoryswiper">
|
||||
<div class="swiper-wrapper">
|
||||
{volist name="brand_story" id="story"}
|
||||
<div class="swiper-slide bsitem">
|
||||
<div class="itmImg">
|
||||
<img src="{$story.image}" class="bsImg" />
|
||||
</div>
|
||||
<div class="bsinf">
|
||||
<div class="bstitle" {notempty name="story.title_txt_color" }style="color:{$story.title_txt_color};"
|
||||
{/notempty}>{$story.title}</div>
|
||||
<div class="bssubtitle" {notempty name="story.desc_txt_color" }style="color:{$story.desc_txt_color};"
|
||||
{/notempty}>{$story.desc|raw}</div>
|
||||
<a class="bsmore" href="{$story.link}">{:lang('index.learn_more')} ></a>
|
||||
</div>
|
||||
</div>
|
||||
{/volist}
|
||||
</div>
|
||||
<div class="swiperasd bs_swiperasd" id="timeline">
|
||||
<div class="bs_swcontainer">
|
||||
<div class="swiper-pagination bs_pagination"></div>
|
||||
<hr>
|
||||
{volist name="brand_story" id="story" key="k"}
|
||||
<span class="time">{$story.year}</span>
|
||||
{/volist}
|
||||
</div>
|
||||
<div class="swiper-container bs_bts">
|
||||
<img class="slideshow-btn swiper-button-next" src="static/index/temp_images/rightcheck.png" alt="" />
|
||||
<img class="slideshow-btn swiper-button-prev " src="static/index/temp_images/lefta.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/notempty}
|
||||
<!-- 数据统计-->
|
||||
{notempty name="data_statistics"}
|
||||
<div class="oricoDataStatistics">
|
||||
<div class="odsmain">
|
||||
{volist name="data_statistics" id="ods"}
|
||||
<div class="odsItem">
|
||||
<h1 {notempty name="ods.desc_txt_color" }style="color:{$ods.desc_txt_color};" {/notempty}>{$ods.desc|raw}</h1>
|
||||
<h3 {notempty name="ods.title_txt_color" }style="color:{$ods.title_txt_color};" {/notempty}>{$ods.title}</h3>
|
||||
</div>
|
||||
{/volist}
|
||||
</div>
|
||||
</div>
|
||||
{/notempty}
|
||||
<!-- 文章轮播 -->
|
||||
{notempty name="recommend_articles"}
|
||||
<div class="oricoPub">
|
||||
<div class="swiper pubswiper">
|
||||
<div class="swiper-wrapper">
|
||||
{volist name="recommend_articles" id="article"}
|
||||
<div class="swiper-slide pubSwitem">
|
||||
<a class="pubimgdiv" href="{:url('article/index', ['id' => $article.id])}">
|
||||
<img src="{$article.image}" class="pubimg" />
|
||||
</a>
|
||||
<a class="pubinfo">
|
||||
<span>{$article.title}</span>
|
||||
</a>
|
||||
</div>
|
||||
{/volist}
|
||||
</div>
|
||||
<div class="swiperasd pubswiperasd">
|
||||
<div class="swiper-container">
|
||||
<img class="slideshow-btn swiper-button-next" src="static/index/temp_images/rightcheck.png">
|
||||
<img class="slideshow-btn swiper-button-prev" src="static/index/temp_images/lefta.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/notempty}
|
||||
<!-- FAQ-->
|
||||
{notempty name="recommend_faq"}
|
||||
<div class="oricoFQA">
|
||||
<div class="fqaleft">
|
||||
<h1 class="title">{:lang('index.faq')}</h1>
|
||||
<p class="dec">{:lang('index.faq_short_desc')}</p>
|
||||
<p class="sudec">{:lang('index.faq_desc')}</p>
|
||||
</div>
|
||||
<div class="fqaright">
|
||||
<ul class="accordion">
|
||||
{volist name="recommend_faq" id="faq"}
|
||||
<li class="fqali">
|
||||
<div class="fqa-question">
|
||||
<h3>{$faq.question} </h3>
|
||||
<span class="xiala">+</span>
|
||||
</div>
|
||||
<div class="fqa-answer">
|
||||
<p>{$faq.answer|raw}</p>
|
||||
</div>
|
||||
</li>
|
||||
{/volist}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{/notempty}
|
||||
<!-- 底部固定提示 -->
|
||||
{eq name="Request.cookie.think_lang" value="en-us"}
|
||||
<div class="oricofixd-info">
|
||||
<div class="ofiinfo">We use cookies to ensure you get the best experience on our website. By
|
||||
continuing to browse, you agree to our use of cookies.</div>
|
||||
<div class="ofibt"><button>OK,got it!</button></div>
|
||||
<div class="oficlose"><span class="close-btn">×</span></div>
|
||||
</div>
|
||||
{/eq}
|
||||
</div>
|
||||
</div>
|
||||
{/block}
|
||||
{block name="script"}
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
// 图片左右移动显示全部
|
||||
$('.ba-slider').beforeAfter({
|
||||
startPercent: 50, // 初始分隔条位置为 50%
|
||||
handle: '.handle', // 指定分隔条元素的选择器
|
||||
resize: '.resize' // 指定可调整大小部分的选择器
|
||||
});
|
||||
|
||||
// 底部关闭
|
||||
$(".oficlose").on("click", function () {
|
||||
$(".oricofixd-info").hide();
|
||||
});
|
||||
// 视频
|
||||
const video = $('#oricoVideo');
|
||||
const videoContainer = $('.hotvideo');
|
||||
const img = $('.hotImg');
|
||||
// 监听视频加载完成事件
|
||||
video.on('canplaythrough', function() {
|
||||
// 显示视频容器，隐藏图片
|
||||
videoContainer.css('display', 'block');
|
||||
img.hide();
|
||||
console.log('视频可以流畅播放');
|
||||
});
|
||||
// 处理视频加载失败（可选）
|
||||
video.on('error', function() {
|
||||
// 可在此添加失败提示，如显示错误信息或保留图片
|
||||
img.show();
|
||||
videoContainer.css('display', 'none');
|
||||
console.log('视频加载或播放出错');
|
||||
});
|
||||
});
|
||||
$(function () {
|
||||
// banner轮播
|
||||
var mySwiper = new Swiper('.bannerswiper', {
|
||||
// 配置选项
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 3000,
|
||||
},
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
},
|
||||
navigation: {
|
||||
nextEl: '.swiper-button-next',
|
||||
prevEl: '.swiper-button-prev',
|
||||
},
|
||||
});
|
||||
var fpSwiper = new Swiper(".fpSwiper", {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 30,
|
||||
slidesPerGroup: 1,
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 5000,
|
||||
pauseOnMouseEnter: true,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
slidesPerView: "auto",
|
||||
centeredSlides: true,
|
||||
loopFillGroupWithBlank: true,
|
||||
loopAdditionalSlides: 3,
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
type: "progressbar",
|
||||
},
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
});
|
||||
//品牌故事轮播
|
||||
var brandStoryswiper = new Swiper(".brandStoryswiper", {
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
},
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
});
|
||||
// 计算品牌故事轮播个数样式调整
|
||||
function calculateDisplayValue (n) {
|
||||
return 8 - n;
|
||||
}
|
||||
// 动态调整分页点和年份位置
|
||||
function adjustTimeline () {
|
||||
const slideCount = brandStoryswiper.slides.length; // 获取轮播项个数
|
||||
if (slideCount === 0) return;
|
||||
// 计算分页点间距
|
||||
const bulletMargin = ((100 / slideCount) - 2) + "%";
|
||||
$(".orico_Page_index .pageMain .brandStory .bs_swiperasd .bs_swcontainer .bs_pagination .swiper-pagination-bullet").css("margin-right", bulletMargin);
|
||||
// 最后一个分页点的 margin-right 设为 0
|
||||
$(".orico_Page_index .pageMain .brandStory .bs_swiperasd .bs_swcontainer .bs_pagination .swiper-pagination-bullet:last-child").css("margin-right", "0");
|
||||
// 计算年份位置（固定间隔21%）
|
||||
const timeSpans = $(".orico_Page_index .pageMain .brandStory .bs_swiperasd .bs_swcontainer .time");
|
||||
var tag = 0
|
||||
var percent = 0
|
||||
var basenum = calculateDisplayValue(slideCount)
|
||||
timeSpans.each(function (index) {
|
||||
if (index == 1) {
|
||||
tag = ((100 / slideCount)) * index - (index > 0 ? basenum : 0)
|
||||
percent = tag
|
||||
}
|
||||
if (index > 1) {
|
||||
percent = tag * index
|
||||
}
|
||||
$(this).css("left", `${percent}%`);
|
||||
});
|
||||
}
|
||||
// 初始化时调用
|
||||
adjustTimeline();
|
||||
// 窗口Resize时重新计算（可选）
|
||||
$(window).on("resize", adjustTimeline);
|
||||
// 宣传banner
|
||||
var pubswiper = new Swiper(".pubswiper", {
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 5000,
|
||||
pauseOnMouseEnter: true,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
//slidesPerView: 1,
|
||||
slidesPerView: "auto",
|
||||
centeredSlides: true,
|
||||
spaceBetween: 32,
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
click: true
|
||||
},
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
});
|
||||
// FAQ问答展开收起
|
||||
$(".fqali").on('click', function () {
|
||||
if ($(this).children("div.fqa-answer").is(':visible')) {
|
||||
$(".fqali").removeClass('active');
|
||||
$(".fqa-answer").hide();
|
||||
$(".text-name").addClass('text-hidden');
|
||||
$(".xiala").text('+');
|
||||
} else {
|
||||
$(".fqali").removeClass('active');
|
||||
$(".fqa-answer").hide();
|
||||
$(".text-name").addClass('text-hidden')
|
||||
$(".xiala").text('+');
|
||||
$(this).addClass('active');
|
||||
$(this).children('div.fqa-answer').show();
|
||||
$(this).children('div.fqa-question').find('span').text('-');
|
||||
$(this).children('div.fqa-question').find('h3').removeClass('text-hidden');
|
||||
}
|
||||
})
|
||||
// 首先隐藏视频元素和加载中的图片 要放开注释
|
||||
$("#hotvideo").hide();
|
||||
// 监听视频的加载事件
|
||||
setTimeout(function () {
|
||||
$("#hotvideo").on("load", function () {
|
||||
// 视频加载完成时，显示视频元素，隐藏加载中的图片
|
||||
$("#hotvideo").show();
|
||||
$("#hotImg").hide();
|
||||
});
|
||||
}, 1000);
|
||||
// 监听视频的加载失败事件
|
||||
setTimeout(function () {
|
||||
$("#hotvideo").on("error", function () {
|
||||
// 视频加载失败时，显示加载中的图片，隐藏视频元素
|
||||
$("#hotImg").show();
|
||||
$("#videoElement").hide();
|
||||
});
|
||||
}, 1500);
|
||||
});
|
||||
</script>
|
||||
{/block}
|
||||
69
app/index/view/pc/product/category.html
Normal file
69
app/index/view/pc/product/category.html
Normal file
@@ -0,0 +1,69 @@
|
||||
{extend name="public/base" /}
|
||||
{block name="style"}
|
||||
<link rel="stylesheet" href="__CSS__/product_category.css" type="text/css" />
|
||||
{/block}
|
||||
{block name="main"}
|
||||
<div class="orico_Page_category">
|
||||
<!-- banner轮播 -->
|
||||
{notempty name="focus_image"}
|
||||
<div class="opdBanner">
|
||||
{volist name="focus_image" id="fi"}
|
||||
<a {notempty name="fi.link" }href="{$fi.link}" {/notempty}>
|
||||
<img src="{$fi.image}" class="opdbannerImg" />
|
||||
</a>
|
||||
{/volist}
|
||||
</div>
|
||||
{/notempty}
|
||||
<!--分类/产品内容 -->
|
||||
<div class="pageMain">
|
||||
{volist name="list" id="vo"}
|
||||
<div class="cat">
|
||||
<div class="ori-pd-title">
|
||||
<div class="catname">{$vo.name}</div>
|
||||
<a class="catmore" href="{:url('product/subcategory', ['id' => $vo.id])}">
|
||||
<span class="tmore">{:lang('product_newpro.view_all')}</span>
|
||||
<img src="/static/index/images/more.png" class="catmoreImg" />
|
||||
</a>
|
||||
</div>
|
||||
{notempty name="vo.products"}
|
||||
<div class="ori-pd-list">
|
||||
{volist name="vo.products" id="pro"}
|
||||
<a class="oripditem" href="{:url('product/detail', ['id' => $pro.id])}">
|
||||
<div>
|
||||
<img src="{:thumb($pro.cover_image)}" class="prdimg prdimg-show" />
|
||||
</div>
|
||||
<div class="prdName">{$pro.name}</div>
|
||||
<div class="prddec">{$pro.spu}</div>
|
||||
{eq name="pro.is_new" value="1"}
|
||||
<div class="newcp">New</div>
|
||||
{/eq}
|
||||
</a>
|
||||
{/volist}
|
||||
</div>
|
||||
{/notempty}
|
||||
</div>
|
||||
{/volist}
|
||||
</div>
|
||||
</div>
|
||||
{/block}
|
||||
{block name="script"}
|
||||
<script type="text/javascript">
|
||||
$(function () {
|
||||
// 显示第一张图片
|
||||
$('.opdbannerImg').eq(0).show();
|
||||
let currentIndex = 0;
|
||||
const imgCount = $('.opdbannerImg').length;
|
||||
setInterval(() => {
|
||||
// 淡出当前图片
|
||||
$('.opdbannerImg').eq(currentIndex).fadeTo(10, 0, () => {
|
||||
// 隐藏当前图片
|
||||
$('.opdbannerImg').eq(currentIndex).hide();
|
||||
// 计算下一张图片的索引
|
||||
currentIndex = (currentIndex + 1) % imgCount;
|
||||
// 显示并淡入下一张图片
|
||||
$('.opdbannerImg').eq(currentIndex).show().fadeTo(10, 1);
|
||||
});
|
||||
}, 10000);
|
||||
});
|
||||
</script>
|
||||
{/block}
|
||||
335
app/index/view/pc/product/detail.html
Normal file
335
app/index/view/pc/product/detail.html
Normal file
@@ -0,0 +1,335 @@
|
||||
{extend name="public/base" /}
|
||||
{block name="title"}
|
||||
{notempty name="product.seo_title"}<title>{$product.seo_title}</title>{else /}{__BLOCK__}{/notempty}
|
||||
{/block}
|
||||
{block name="seo"}
|
||||
{notempty name="product.seo_keywords"}
|
||||
<meta name="keywords" content="{$product.seo_keywords}" />
|
||||
<meta name="description" content="{$product.seo_desc}" />
|
||||
{else/}
|
||||
{__BLOCK__}
|
||||
{/notempty}
|
||||
{/block}
|
||||
{block name="style"}
|
||||
<link rel="stylesheet" type="text/css" href="__CSS__/product_detail.css" />
|
||||
{/block}
|
||||
{block name="main"}
|
||||
<div class="orico_Page_prdetail">
|
||||
<!--产品详情内容 -->
|
||||
<div class="oriprdetail">
|
||||
<!--产品路径-->
|
||||
<div class="product_address">
|
||||
<a class="pathname" href="/">首页</a>
|
||||
{volist name="product_categorys" id="ca"}
|
||||
<div class="arrow"></div>
|
||||
<a class="pathname" href="{:url('product/category', ['id' => $ca.id])}">{$ca.name}</a>
|
||||
{/volist}
|
||||
</div>
|
||||
<!-- 产品主图切换和参数详情-->
|
||||
<div class="cp">
|
||||
<!--左边图片 -->
|
||||
<div class="cpfl">
|
||||
{volist name="product_skus" id="sku" key="idx"}
|
||||
<div class="preview" id="preview{$sku.id}" {neq name="idx" value="1"}style="display:none"{/neq}>
|
||||
<div class="smallImg">
|
||||
<!-- 左边切换按钮 -->
|
||||
<div class="scrollbutton smallImgUp disabled"></div>
|
||||
<!-- 小图片预览 -->
|
||||
<div id="imageMenu">
|
||||
<ul class="image_list">
|
||||
{if condition="!empty($product.video_img) && !empty($product.video_url) && $idx == 1"}
|
||||
<!-- 产品视频 -->
|
||||
<li id="onlickImg"><img src="{:thumb($product.video_img)}" data-url="{$product.video_url}" /></li>
|
||||
{/if}
|
||||
{volist name="sku.photo_album" id="photo"}
|
||||
<li id="onlickImg"><img src="{:thumb($photo)}" data-url="{$photo}" /></li>
|
||||
{/volist}
|
||||
</ul>
|
||||
</div>
|
||||
<!-- 右边切换按钮 -->
|
||||
<div class="scrollbutton smallImgDown"></div>
|
||||
</div>
|
||||
<!-- 产品大图 -->
|
||||
<div class="bigImg" id="vertical">
|
||||
<!-- 主图 -->
|
||||
{if condition="!empty($product.video_img) && !empty($product.video_url) && $idx == 1"}
|
||||
<!-- 如果有视频情况下默认先显示视频 -->
|
||||
<video poster="{$product.video_img}" autoplay="autoplay" muted="muted" loop="loop" id="video" controls style="width: 510px;height: 510px; position: relative;z-index: 998;">
|
||||
<source src="{$product.video_url}" type="video/mp4"/>
|
||||
</video>
|
||||
{else/}
|
||||
{notempty name="sku.photo_album[0]"}
|
||||
<img src="{$sku.photo_album[0]}" id="midimg" />
|
||||
{/notempty}
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
{/volist}
|
||||
</div>
|
||||
<!-- 右边产品详情 -->
|
||||
<div class="cprh">
|
||||
<div class="cpcon">
|
||||
<p class="ctit1">{$product.name|default=''}</p>
|
||||
<p>{$product.short_name|default=''}</p>
|
||||
<div class="proTfg">
|
||||
<ul class="swt-Table">
|
||||
{volist name="product_params" id="pp"}
|
||||
<li class="Table-Row">
|
||||
<div class="ms3 Table-Cell">{$pp.name}</div>
|
||||
<div class="ms2 Table-Cell"></div>
|
||||
<div class="ms4 Table-Cell">{$pp.value}</div>
|
||||
</li>
|
||||
{/volist}
|
||||
</ul>
|
||||
</div>
|
||||
<!-- 颜色-->
|
||||
{volist name="product_sku_attrs" id="ps"}
|
||||
<div class="prcolors">
|
||||
<div class="dt">{$ps.attr_name}</div>
|
||||
<ul class="dowebok">
|
||||
{volist name="ps.attr_values" id="pv" key="k"}
|
||||
{assign name="attr_value_type" value=":rgb_or_image($pv.attr_value)" /}
|
||||
<a {eq name='k' value='1'}class="on"{/eq} data-sku_id="{$pv.sku_id}">
|
||||
{eq name="attr_value_type" value="IMAGE"}
|
||||
<span class="itemcolor"><img src="{$pv.attr_value}" /></span>
|
||||
{elseif condition="$attr_value_type == 'RGB'" /}
|
||||
<span class="itemcolor" {:style(['background-color'=>$pv.attr_value])}></span>
|
||||
{else /}
|
||||
<span>{$pv.attr_value}</span>
|
||||
{/eq}
|
||||
</a>
|
||||
{/volist}
|
||||
</ul>
|
||||
</div>
|
||||
{/volist}
|
||||
</div>
|
||||
<!-- 按钮-->
|
||||
<div class="buy">
|
||||
{volist name="product_purchase_links" id="ppp" key="k"}
|
||||
<a class="thebt bttype{$k}" href="{$ppp.link}">{$ppp.platform_name}</a>
|
||||
{/volist}
|
||||
<a class="thebt bttype3" id="open_form_modal">{:lang('product_detail.display_form')}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 产品介绍详情-->
|
||||
<div class="oriprInfo">
|
||||
<div class="titleprinfo">
|
||||
<a href="#detail" class="checkshow">{:lang('product_detail.detail_section_title')}</a>
|
||||
{notempty name="product_related"}
|
||||
<span>|</span>
|
||||
<a href="#related">{:lang('product_detail.related_products')}</a></div>
|
||||
{/notempty}
|
||||
<!-- 富文本渲染-->
|
||||
<div class="products_des" id="detail">
|
||||
{$product.detail|default=''|raw}
|
||||
</div>
|
||||
</div>
|
||||
<!-- 关联产品 -->
|
||||
{notempty name="product_related"}
|
||||
<div class="glcpmain" id="related">
|
||||
<div class="glcptitle">{:lang('product_detail.related_products')}</div>
|
||||
<div class="swiper-container glcpswiper">
|
||||
<div class="swiper-wrapper">
|
||||
{volist name="product_related" id="rel"}
|
||||
<a class="swiper-slide glcpit" href="{:url('product/detail', ['id'=>$rel.id])}">
|
||||
<img src="{:thumb($rel.cover_image)}" class="glimg" />
|
||||
<div class="glinfo">
|
||||
<div class="t1">{$rel.name}</div>
|
||||
<div class="t2">{$rel.spu}</div>
|
||||
</div>
|
||||
</a>
|
||||
{/volist}
|
||||
</div>
|
||||
<!-- 如果需要导航按钮 -->
|
||||
<div class="swiper-button-prev"></div>
|
||||
<div class="swiper-button-next"></div>
|
||||
</div>
|
||||
</div>
|
||||
{/notempty}
|
||||
<!-- 弹框-->
|
||||
<div id="form_modal" class="XJmodal">
|
||||
<div class="XJmodal-content">
|
||||
<span class="close">×</span>
|
||||
<h2>{:lang('product_detail.display_form')}</h2>
|
||||
<form action="" method="post" autocomplete="off">
|
||||
<div class="tkitem">
|
||||
<div class="form-group">
|
||||
<label for="firstName">
|
||||
<strong style="color: red; margin-right: 0.3125rem;"> * </strong> {:lang('product_detail.form_name')}</label>
|
||||
<div>
|
||||
<input type="text" name="first_name" id="firstName" placeholder="{:lang('product_detail.form_first_name_placeholder')}" class="detail-w">
|
||||
<input type="text" name="last_name" id="lastName" placeholder="{:lang('product_detail.form_last_name_placeholder')}" class="detail-w">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="corp">
|
||||
<strong style="color: red; margin-right: 0.3125rem;"> * </strong>
|
||||
{:lang('product_detail.form_corp')}
|
||||
</label>
|
||||
<input type="text" name="corp_name" id="corp" class="detail-w01">
|
||||
</div>
|
||||
</div>
|
||||
<div class="tkitem">
|
||||
<div class="form-group">
|
||||
<label for="email">
|
||||
<strong style="color: red; margin-right: 0.3125rem;"> * </strong> Email
|
||||
{:lang('product_detail.form_email')}
|
||||
</label>
|
||||
<input type="text" name="email" id="email" class="detail-w01">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="phone">
|
||||
<strong style="color: red; margin-right: 0.3125rem;"> * </strong> Phone
|
||||
{:lang('product_detail.form_phone')}
|
||||
</label>
|
||||
<input type="text" name="phone" id="phone" class="detail-w01">
|
||||
</div>
|
||||
</div>
|
||||
<div class="tkitem">
|
||||
<div class="form-group">
|
||||
<label for="country">
|
||||
<strong style="color: red; margin-right: 0.3125rem;"> * </strong>
|
||||
{:lang('product_detail.form_country')}
|
||||
</label>
|
||||
<select name="country_name" id="country">
|
||||
<option value="">{:lang('product_detail.form_country_placeholder')}</option>
|
||||
{volist name="country_list" id="country"}
|
||||
<option value="{$country}">{$country}</option>
|
||||
{/volist}
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="industry">
|
||||
<strong style="color: red; margin-right: 0.3125rem;"> * </strong>
|
||||
{:lang('product_detail.form_industry')}
|
||||
</label>
|
||||
<input type="text" name="industry" id="industry" class="detail-w01">
|
||||
</div>
|
||||
</div>
|
||||
<div class="tkitem">
|
||||
<div class="form-group" style="width: 100%;margin-right: 0px;">
|
||||
<label for="message">
|
||||
<strong style="color: red; margin-right: 0.3125rem;"> * </strong>
|
||||
{:lang('product_detail.form_inquiry')}
|
||||
</label>
|
||||
<textarea name="message" id="message"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" id="send" class="submit-btn">{:lang('product_detail.form_submit')}</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 点击主图放大图片观看 -->
|
||||
<div class="enlarge-img">
|
||||
<div class="scrollbutton_01 smallImgUp"></div>
|
||||
<img src=""/>
|
||||
<div class="scrollbutton_01 smallImgDown"></div>
|
||||
<div class="close"><span>X</span></div>
|
||||
</div>
|
||||
</div>
|
||||
{/block}
|
||||
{block name="script"}
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
// 切换图册
|
||||
$('.prcolors .dowebok a').click(function() {
|
||||
// 移除所有 .on 类
|
||||
$(this).addClass('on').siblings('a').removeClass('on');
|
||||
// 获取当前点击的元素的 data-sku_id 值
|
||||
var skuId = $(this).data('sku_id');
|
||||
// 根据 skuId 显示对应的预览
|
||||
$('#preview' + skuId).show().siblings('.preview').hide();
|
||||
})
|
||||
|
||||
// 获取模态框和打开按钮以及关闭按钮
|
||||
var modal = $("#form_modal");
|
||||
var openBtn = $("#open_form_modal");
|
||||
var closeBtn = $(".close");
|
||||
// 打开模态框
|
||||
openBtn.click(function() {
|
||||
modal.show();
|
||||
});
|
||||
// 关闭模态框
|
||||
closeBtn.click(function() {
|
||||
modal.hide();
|
||||
});
|
||||
// 当用户点击模态框外部时，关闭模态框
|
||||
$(window).click(function(event) {
|
||||
if (event.target === modal[0]) {
|
||||
modal.hide();
|
||||
}
|
||||
});
|
||||
// 处理表单提交
|
||||
modal.find("form").submit(function(e) {
|
||||
e.preventDefault();
|
||||
var formData = $(this).serialize();
|
||||
// 这里可以添加代码将formData发送到服务器
|
||||
// 例如通过AJAX
|
||||
console.log("提交的数据: " + formData);
|
||||
// 提交成功后可以选择关闭模态框
|
||||
modal.hide();
|
||||
});
|
||||
|
||||
// 提交询盘
|
||||
$('#send').click(function() {
|
||||
var form = $(this).parents('form');
|
||||
$.ajax({
|
||||
url: "{:url('product/inquiry')}",
|
||||
type: 'POST',
|
||||
data: form.serialize(),
|
||||
success: function(r) {
|
||||
if (r.code == 0) {
|
||||
form[0].reset(); // 重置表单
|
||||
modal.hide();
|
||||
}
|
||||
alert(r.msg);
|
||||
},
|
||||
error: function(e) {
|
||||
console.error(e);
|
||||
}
|
||||
})
|
||||
});
|
||||
// 产品详情切换
|
||||
$('.titleprinfo a').click(function(e) {
|
||||
e.preventDefault();
|
||||
$('.titleprinfo a').removeClass('checkshow');
|
||||
$(this).addClass('checkshow');
|
||||
var targetId = $(this).attr('href');
|
||||
if($(targetId).length) {
|
||||
$('html, body').animate({
|
||||
scrollTop: $(targetId).offset().top
|
||||
}, 500);
|
||||
}
|
||||
});
|
||||
/*图片放大效果*/
|
||||
$(".bigImg").click(function() {
|
||||
// 判断容器内是否存在视频元素
|
||||
if ($(this).find("video").length > 0) {
|
||||
// 若存在视频，不执行任何操作
|
||||
return;
|
||||
} else if ($(this).find("img").length > 0) {
|
||||
// 若存在图片，显示放大图片层
|
||||
$(".enlarge-img").show();
|
||||
}
|
||||
});
|
||||
$(".enlarge-img .close").click(function () {
|
||||
$(".enlarge-img").hide();
|
||||
});
|
||||
//相关产品
|
||||
var mySwiper = new Swiper('.glcpswiper', {
|
||||
// 配置选项
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 30,
|
||||
slidesPerGroup: 3,
|
||||
loop: true,
|
||||
loopFillGroupWithBlank: true,
|
||||
navigation: {
|
||||
nextEl: '.swiper-button-next',
|
||||
prevEl: '.swiper-button-prev',
|
||||
},
|
||||
});
|
||||
});
|
||||
</script>
|
||||
{/block}
|
||||
57
app/index/view/pc/product/newpro.html
Normal file
57
app/index/view/pc/product/newpro.html
Normal file
@@ -0,0 +1,57 @@
|
||||
{extend name="public/base" /}
|
||||
{block name="style"}
|
||||
<link rel="stylesheet" href="__CSS__/product_newpro.css">
|
||||
{/block}
|
||||
{block name="main"}
|
||||
<div class="orico_Page_newproducts">
|
||||
<!-- 新品-->
|
||||
<!-- 主打产品banner轮播 -->
|
||||
<div class="opdBanner">
|
||||
{volist name="focus_image" id="fo"}
|
||||
<a {notempty name="fo.link" }href="{$fo.link}" {/notempty}><img src="{$fo.image}" class="opdbannerImg" /></a>
|
||||
{/volist}
|
||||
</div>
|
||||
<div class="oricoNewPrMain">
|
||||
{volist name="newpros" id="vo"}
|
||||
<div class="cat">
|
||||
<h1 class="ori-pd-title">
|
||||
<div class="catname">{$vo.category.name}</div>
|
||||
</h1>
|
||||
<div class="ori-pd-list">
|
||||
{volist name="vo.products" id="pro"}
|
||||
<a class="oripditem" href="{:url('product/detail', ['id' => $pro.id])}">
|
||||
<img src="{:thumb($pro.cover_image)}" class="prdimg prdimg-show" />
|
||||
<div class="prdName">{$pro.name}</div>
|
||||
<div class="prddec">{$pro.spu}</div>
|
||||
{eq name="pro.is_new" value="1"}
|
||||
<div class="newcp">New</div>
|
||||
{/eq}
|
||||
</a>
|
||||
{/volist}
|
||||
</div>
|
||||
</div>
|
||||
{/volist}
|
||||
</div>
|
||||
</div>
|
||||
{/block}
|
||||
{block name="script"}
|
||||
<script type="text/javascript">
|
||||
$(function () {
|
||||
// 显示第一张图片
|
||||
$('.opdbannerImg').eq(0).show();
|
||||
let currentIndex = 0;
|
||||
const imgCount = $('.opdbannerImg').length;
|
||||
setInterval(() => {
|
||||
// 淡出当前图片
|
||||
$('.opdbannerImg').eq(currentIndex).fadeTo(10, 0, () => {
|
||||
// 隐藏当前图片
|
||||
$('.opdbannerImg').eq(currentIndex).hide();
|
||||
// 计算下一张图片的索引
|
||||
currentIndex = (currentIndex + 1) % imgCount;
|
||||
// 显示并淡入下一张图片
|
||||
$('.opdbannerImg').eq(currentIndex).show().fadeTo(10, 1);
|
||||
});
|
||||
}, 10000);
|
||||
});
|
||||
</script>
|
||||
{/block}
|
||||
37
app/index/view/pc/product/search.html
Normal file
37
app/index/view/pc/product/search.html
Normal file
@@ -0,0 +1,37 @@
|
||||
{extend name="public/base" /}
|
||||
{block name="style"}
|
||||
<link rel="stylesheet" href="__CSS__/product_search.css" type="text/css" />
|
||||
{/block}
|
||||
{block name="main"}
|
||||
<!--内容 -->
|
||||
<div class="orico_Page_search">
|
||||
<div class="searchMain">
|
||||
<!-- 搜索框 -->
|
||||
<form action="{:url('product/search')}" method="get">
|
||||
<div class="search-ipt">
|
||||
<input class="ssipt" name="keywords" value="{$Request.param.keywords}" placeholder="请搜索" />
|
||||
<img src="__IMAGES__/ssico.png" class="ssico" />
|
||||
</div>
|
||||
</form>
|
||||
<!-- 搜索结果列表-->
|
||||
<ul class="seul">
|
||||
{volist name="products" id="pro"}
|
||||
<a href="{:url('product/detail', ['id' => $pro['id']])}">
|
||||
<li class="seitme">
|
||||
<div class="imgb">
|
||||
<img src="{$pro.cover_image}" class="search-pr-img" />
|
||||
</div>
|
||||
<div class="prInfp">
|
||||
<div class="txt1">{$pro.name|raw}</div>
|
||||
{notempty name="pro.short_name"}
|
||||
<div class="txt2">{$pro.short_name|raw}</div>
|
||||
{/notempty}
|
||||
<div class="txt3">{$pro.spu|raw}</div>
|
||||
</div>
|
||||
</li>
|
||||
</a>
|
||||
{/volist}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{/block}
|
||||
86
app/index/view/pc/product/subcategory.html
Normal file
86
app/index/view/pc/product/subcategory.html
Normal file
@@ -0,0 +1,86 @@
|
||||
{extend name="public/base" /}
|
||||
{block name="style"}
|
||||
<link rel="stylesheet" href="__CSS__/product_subcategory.css" type="text/css" />
|
||||
{/block}
|
||||
{block name="main"}
|
||||
<div class="orico_Page_subcategory">
|
||||
{notempty name="focus_image"}
|
||||
<div class="opdBanner">
|
||||
{volist name="focus_image" id="fi"}
|
||||
<a {notempty name="fi.link"}href="{$fi.link}"{/notempty}>
|
||||
<img src="{$fi.image}" alt="" class="opdbannerImg" />
|
||||
</a>
|
||||
{/volist}
|
||||
</div>
|
||||
{/notempty}
|
||||
<!-- 首页主题内容 -->
|
||||
<div class="pageMain">
|
||||
{notempty name="categorys_data"}
|
||||
{volist name="categorys_data" id="vo"}
|
||||
<div class="ori-pd-title">
|
||||
<span>{$vo.name}</span>
|
||||
</div>
|
||||
{notempty name="vo.products"}
|
||||
<div class="ori-pd-list">
|
||||
{volist name="vo.products" id="vp"}
|
||||
<a class="oripditem" href="{:url('product/detail', ['id' => $vp.id])}">
|
||||
<div>
|
||||
{volist name="vp.sku" id="vs" key="vs_idx"}
|
||||
<img src="{:thumb($vs.main_image)}" id="sku_image_{$vs.id}" class="prdimg {eq name='vs_idx' value='1'}prdimg-show{/eq}" />
|
||||
{/volist}
|
||||
</div>
|
||||
<div class="prdName">{$vp.name}</div>
|
||||
<div class="prddec">{$vp.spu}</div>
|
||||
{notempty name="vp.colors"}
|
||||
<div class="prd-colors">
|
||||
{volist name="vp.colors" id="vc" key="vc_idx"}
|
||||
<div class="prdolorit {eq name='vc_idx' value='1'}on{/eq}" data-sku_id="{$vc.sku_id}">
|
||||
{assign name="color_type" value=":rgb_or_image($vc.attr_value)" /}
|
||||
{eq name="color_type" value="IMAGE"}
|
||||
<img src="{$vc.attr_value}" />
|
||||
{elseif condition="$color_type == 'RGB'" /}
|
||||
<span class="rgb_hex" {:style(['background-color'=>$vc.attr_value])}></span>
|
||||
{/eq}
|
||||
</div>
|
||||
{/volist}
|
||||
</div>
|
||||
{/notempty}
|
||||
</a>
|
||||
{/volist}
|
||||
</div>
|
||||
{/notempty}
|
||||
{/volist}
|
||||
{/notempty}
|
||||
</div>
|
||||
</div>
|
||||
{/block}
|
||||
{block name="script"}
|
||||
<script type="text/javascript">
|
||||
$(function () {
|
||||
// 显示第一张图片
|
||||
$('.opdbannerImg').eq(0).show();
|
||||
let currentIndex = 0;
|
||||
const imgCount = $('.opdbannerImg').length;
|
||||
setInterval(() => {
|
||||
// 淡出当前图片
|
||||
$('.opdbannerImg').eq(currentIndex).fadeTo(10, 0, () => {
|
||||
// 隐藏当前图片
|
||||
$('.opdbannerImg').eq(currentIndex).hide();
|
||||
// 计算下一张图片的索引
|
||||
currentIndex = (currentIndex + 1) % imgCount;
|
||||
// 显示并淡入下一张图片
|
||||
$('.opdbannerImg').eq(currentIndex).show().fadeTo(10, 1);
|
||||
});
|
||||
}, 10000);
|
||||
|
||||
$('.prd-colors .prdolorit').click(function(event) {
|
||||
event.stopPropagation();
|
||||
event.preventDefault();
|
||||
|
||||
var sku_id = $(this).data('sku_id');
|
||||
$('#sku_image_' + sku_id).addClass('prdimg-show').siblings().removeClass('prdimg-show');
|
||||
$(this).addClass('on').siblings().removeClass('on');
|
||||
});
|
||||
})
|
||||
</script>
|
||||
{/block}
|
||||
32
app/index/view/pc/public/base.html
Normal file
32
app/index/view/pc/public/base.html
Normal file
@@ -0,0 +1,32 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
{block name="title"}<title>{$basic_config['website_seo_title']['value']}</title>{/block}
|
||||
{block name="seo"}
|
||||
<meta name="keywords" content="{$basic_config['website_seo_keyword']['value']}" />
|
||||
<meta name="description" content="{$basic_config['website_seo_description']['value']}" />
|
||||
{/block}
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" type="text/css" href="__CSS__/public.css" />
|
||||
<link rel="stylesheet" type="text/css" href="__CSS__/fonts.css" />
|
||||
<link rel="stylesheet" type="text/css" href="__CSS__/orico_header.css" />
|
||||
<link rel="stylesheet" type="text/css" href="__CSS__/orico_footer.css" />
|
||||
{block name="style"}{/block}
|
||||
<link rel="stylesheet" href="https://unpkg.com/swiper@9/swiper-bundle.min.css">
|
||||
<script type="text/javascript" src='https://code.jquery.com/jquery-3.6.0.min.js'></script>
|
||||
<script type="text/javascript" src="https://unpkg.com/swiper@9.4.1/swiper-bundle.min.js"></script>
|
||||
<script type="text/javascript" src="__JS__/before-after.min.js"></script>
|
||||
<script type="text/javascript" src="__JS__/large.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
{block name="header"}
|
||||
{include file="public/header"/}
|
||||
{/block}
|
||||
{block name="main"}{/block}
|
||||
{block name="footer"}
|
||||
{include file="public/footer"/}
|
||||
{/block}
|
||||
{block name="script"}{/block}
|
||||
</body>
|
||||
</html>
|
||||
91
app/index/view/pc/public/footer.html
Normal file
91
app/index/view/pc/public/footer.html
Normal file
@@ -0,0 +1,91 @@
|
||||
<!-- 英文官网有-->
|
||||
{eq name="$Request.cookie.think_lang" value="en-us"}
|
||||
<div class="oricoCont">
|
||||
<div class="ctitem">
|
||||
<img src="__IMAGES__/customer-service.png" class="ctimg" />
|
||||
<h3 class="cttitle">Become a Distributor</h3>
|
||||
<span class="ctdec">We are available from monday to friday to answer your questions.</span>
|
||||
</div>
|
||||
<div class="ctitem">
|
||||
<img src="__IMAGES__/contact-Us.png" class="ctimg" />
|
||||
<h3 class="cttitle">Contact US</h3>
|
||||
<span class="ctdec">Need to contact us? Just send us an e-mail at odmmarket@orico.com.cn</span>
|
||||
</div>
|
||||
</div>
|
||||
{/eq}
|
||||
<footer class="orico_footer">
|
||||
<div class="fotter">
|
||||
<!--中间信息-->
|
||||
<div class="footerMain">
|
||||
<!-- 上面-->
|
||||
<div class="foottxttop">
|
||||
<!--ico -->
|
||||
<a href="/">
|
||||
<img src="__IMAGES__/bottomlogo.png" class="footerico" />
|
||||
</a>
|
||||
<div class="foootCt">
|
||||
<p class="ftitle">{:lang('footer_navigation.product_categorys')}</p>
|
||||
<ul>
|
||||
{volist name="header_categorys" id="vo"}
|
||||
<li><a href="{:url('product/category', ['id' => $vo.id])}" class="fline">{$vo.name}</a></li>
|
||||
{/volist}
|
||||
</ul>
|
||||
</div>
|
||||
{if condition="!empty($footer_navigation)"}
|
||||
{volist name="footer_navigation" id="vo"}
|
||||
<div class="foootCt">
|
||||
<p class="ftitle">{$vo.name}</p>
|
||||
{if condition="!empty($vo.children)"}
|
||||
<ul>
|
||||
{volist name="vo.children" id="vc"}
|
||||
<li><a href="{$vc.link}" class="fline">{$vc.name}</a></li>
|
||||
{/volist}
|
||||
</ul>
|
||||
{/if}
|
||||
</div>
|
||||
{/volist}
|
||||
{/if}
|
||||
<div class="foootCt">
|
||||
<p class="ftitle">{:lang('footer_contact')}</p>
|
||||
{if condition="!empty($contact_config)"}
|
||||
<ul>
|
||||
{volist name="contact_config" id="vo"}
|
||||
<li>
|
||||
<a href="javascript:void(0);" class="fline">
|
||||
{if condition="$vo.type == 'image'"}
|
||||
<img src="{$vo.value}" {if condition="!empty($vo.extra)" }style="{$vo.extra}" {/if} />
|
||||
{else/}
|
||||
{$vo.value}
|
||||
{/if}
|
||||
</a>
|
||||
</li>
|
||||
{/volist}
|
||||
</ul>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
<div class="foottxtbottom">
|
||||
{if condition="!empty($media_config)"}
|
||||
<div class="ftopicos">
|
||||
<ul>
|
||||
{volist name="media_config" id="vo"}
|
||||
<a href="{$vo.url.value}">
|
||||
<img src="{$vo.image.value}" {if condition="!empty($vo.image.extra)"}style="{$vo.image.extra}" {/if} />
|
||||
</a>
|
||||
{/volist}
|
||||
</ul>
|
||||
</div>
|
||||
{/if}
|
||||
{if condition="!empty($basic_config.website_powerby)"}
|
||||
<div class="ftcopyright">
|
||||
<span>{$basic_config.website_powerby.value}</span>
|
||||
{if condition="!empty($basic_config.website_icp)"}
|
||||
<a href="https://beian.miit.gov.cn/">（{$basic_config.website_icp.value}）</a>
|
||||
{/if}
|
||||
</div>
|
||||
{/if}
|
||||
<!-- <div class="batext">粤公网安备 44030702002297号</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
203
app/index/view/pc/public/header.html
Normal file
203
app/index/view/pc/public/header.html
Normal file
@@ -0,0 +1,203 @@
|
||||
<header class="header-PC">
|
||||
<div id="header">
|
||||
<!-- LOG -->
|
||||
<div class="nav1">
|
||||
<a href="/">
|
||||
<img src="__IMAGES__/logo.png" />
|
||||
</a>
|
||||
</div>
|
||||
<!--顶部导航栏 -->
|
||||
<div class="nav2">
|
||||
<nav id="booNavigation" class="booNavigation">
|
||||
<ul>
|
||||
{if condition="!empty($header_categorys)"}
|
||||
<li class="navItem">
|
||||
<a href="javascript:void(0);">{:lang('header_navigation.product_categorys')}</a>
|
||||
<img src="__IMAGES__/black-down.png" class="downimg" />
|
||||
<ol class="navItemConten">
|
||||
<!-- 左边子菜单-->
|
||||
<ul class="navItem_cyleft">
|
||||
{volist name="header_categorys" id="vo"}
|
||||
<li class="{$key == 0 ? 'it_active' : ''}">
|
||||
<a href="{:url('product/category', ['id' => $vo.id])}">{$vo.name}</a>
|
||||
</li>
|
||||
{/volist}
|
||||
</ul>
|
||||
<!-- 右边子菜单-->
|
||||
{volist name="header_categorys" id="vo" key="idx"}
|
||||
<div class="navItem_cyright" {eq name="idx" value="1" }style="display: block;"{else/}style="display: none;"{/eq}>
|
||||
{volist name="vo.children" id="vc"}
|
||||
<dl class="nav_cyrightit">
|
||||
<dt>
|
||||
<a href="{:url('product/subcategory', ['id' => $vc.id])}">{$vc.name}</a>
|
||||
</dt>
|
||||
{volist name="vc.children" id="vcc"}
|
||||
<dd>
|
||||
<a href="{:url('product/subcategory', ['id' => $vcc.id])}">{$vcc.name}</a>
|
||||
</dd>
|
||||
{/volist}
|
||||
</dl>
|
||||
{/volist}
|
||||
</div>
|
||||
{/volist}
|
||||
</ol>
|
||||
</li>
|
||||
{/if}
|
||||
{volist name="header_navigation" id="vo"}
|
||||
<li class="navItem">
|
||||
<a href="{$vo.link}" target="{$vo.blank==1?'_blank':'_self'}">{$vo.name}</a>
|
||||
{if condition="!empty($vo.children)"}
|
||||
<img src="__IMAGES__/black-down.png" class="downimg" />
|
||||
<!--下拉菜单 -->
|
||||
<ol class="navItemConten1">
|
||||
{volist name="vo.children" id="voc"}
|
||||
<li>
|
||||
<a href="{$voc.link}" target="{$voc.blank==1?'_blank':'_self'}">{$voc.name}</a>
|
||||
</li>
|
||||
{/volist}
|
||||
</ol>
|
||||
{/if}
|
||||
</li>
|
||||
{/volist}
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
<!-- 顶部搜索/国家选择/商店-->
|
||||
<div class="nav3">
|
||||
<img src="__IMAGES__/icon-search.png" id="openModalBtn" class="searchimg" />
|
||||
<div class="choesCountry">
|
||||
<img src="__IMAGES__/icon-language.png" id="countrycheck" class="checkimg" />
|
||||
<!--国家选择 -->
|
||||
<div class="topCountry" id="top-country">
|
||||
<ul>
|
||||
<li class="closec">
|
||||
<span class="closecountrybt">×</span>
|
||||
</li>
|
||||
{volist name="header_languages" id="vo"}
|
||||
<a href="{$vo.lang_url}">
|
||||
<li>
|
||||
<div class="cico">
|
||||
<img src="{$vo.lang_icon}" class="countryimg" />
|
||||
</div>
|
||||
<p class="countryName">{$vo.country_en_name} - {$vo.lang_en_name}</p>
|
||||
</li>
|
||||
</a>
|
||||
{/volist}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{notempty name="basic_config['navigation_store_url']['value']"}
|
||||
<a class="storetopbt" href="{$basic_config['navigation_store_url']['value']}">
|
||||
<img src="__IMAGES__/shopico.png" class="storeImgico" />{:lang('header_navigation.store')}
|
||||
</a>
|
||||
{/notempty}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 搜索弹框-->
|
||||
<div class="searchmodalMian" id="scmodal">
|
||||
<div class="searchmodalct">
|
||||
<span class="close-btn">×</span>
|
||||
<input type="text" name="keywords" id="serrchinput" autocomplete="off" />
|
||||
<!-- 历史记录 -->
|
||||
<div class="searchhistory">
|
||||
<p class="h_title">{:lang('header_search.history')}</p>
|
||||
<ul></ul>
|
||||
</div>
|
||||
<div class="popProduct">
|
||||
<p class="h_title">{:lang('header_search.hot_product')}</p>
|
||||
<div class="popmain">
|
||||
{volist name="header_hot_products" id="vo"}
|
||||
<div class="popitem">
|
||||
<a href="{:url('product/detail', ['id' => $vo.id])}"><img src="{$vo.cover_image}" class="popimg" /></a>
|
||||
<div class="productName">{$vo.name}</div>
|
||||
<div class="produc-dec">{$vo.short_name}</div>
|
||||
</div>
|
||||
{/volist}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
// 搜索历史记录处理
|
||||
function history (keywords) {
|
||||
var history = localStorage.getItem('header_search_keywords');
|
||||
if (!history) {
|
||||
history = [];
|
||||
} else {
|
||||
history = JSON.parse(history);
|
||||
}
|
||||
// 记录搜索关键词
|
||||
if (keywords) {
|
||||
if (history.includes(keywords)) {
|
||||
history.splice(history.indexOf(keywords), 1);
|
||||
}
|
||||
history.unshift(keywords);
|
||||
if (history.length > 3) {
|
||||
history.pop();
|
||||
}
|
||||
localStorage.setItem('header_search_keywords', JSON.stringify(history));
|
||||
return history;
|
||||
}
|
||||
|
||||
// 回显搜索历史记录
|
||||
history.forEach(function (item) {
|
||||
$('.searchhistory ul').append('<li><a href="{:url(\'product/search\')}?keywords=' + item + '">' + item + '</a></li>');
|
||||
});
|
||||
|
||||
return history;
|
||||
}
|
||||
// 封装一个函数用于处理鼠标悬停显示和隐藏内容
|
||||
function handleHover ($element, $content) {
|
||||
$element.mouseenter(function () {
|
||||
$content.stop(true, true).slideDown(60);
|
||||
}).mouseleave(function () {
|
||||
$content.stop(true, true).slideUp(60);
|
||||
});
|
||||
}
|
||||
// 处理第一个导航项
|
||||
handleHover($('.navItem').eq(0), $('.navItem').eq(0).find('.navItemConten'));
|
||||
// 鼠标移入navItem_cyleft里面的li标签添加类，移除其他li的类
|
||||
$('.navItem_cyleft li').mouseenter(function () {
|
||||
$(this).addClass('it_active').siblings().removeClass('it_active');
|
||||
$('.navItem_cyright').hide();
|
||||
$('.navItem_cyright').eq($(this).index()).show();
|
||||
});
|
||||
// 处理第5 - 8个导航项
|
||||
for (let i = 4; i < 8; i++) {
|
||||
handleHover($('.navItem').eq(i), $('.navItem').eq(i).find('.navItemConten1'));
|
||||
}
|
||||
// 点击搜索
|
||||
$('#openModalBtn').click(function () {
|
||||
$('#scmodal').toggle();
|
||||
});
|
||||
$('.close-btn').click(function () {
|
||||
$('#scmodal').hide();
|
||||
});
|
||||
// 搜索历史记录回显
|
||||
history();
|
||||
// 执行搜索
|
||||
$('#serrchinput').keydown(function (event) {
|
||||
if (event.originalEvent.keyCode == 13) {
|
||||
var keywords = $(this).val();
|
||||
if (keywords == '') {
|
||||
return false;
|
||||
}
|
||||
// 记录搜索关键词
|
||||
history(keywords);
|
||||
|
||||
// 跳转到搜索页面
|
||||
window.location.href = "{:url('product/search')}" + '?keywords=' + keywords;
|
||||
}
|
||||
});
|
||||
// 点击选择国家
|
||||
$('#countrycheck').click(function () {
|
||||
$('#top-country').toggle();
|
||||
});
|
||||
$('.closecountrybt').click(function () {
|
||||
$('#top-country').hide();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
28
app/index/view/pc/public/nas_base.html
Normal file
28
app/index/view/pc/public/nas_base.html
Normal file
@@ -0,0 +1,28 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
{block name="title"}<title>{$basic_config['website_seo_title']['value']}</title>{/block}
|
||||
{block name="seo"}
|
||||
<meta name="keywords" content="{$basic_config['website_seo_keyword']['value']}" />
|
||||
<meta name="description" content="{$basic_config['website_seo_description']['value']}" />
|
||||
{/block}
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" type="text/css" href="__CSS__/public.css" />
|
||||
<link rel="stylesheet" type="text/css" href="__CSS__/fonts.css" />
|
||||
<link rel="stylesheet" type="text/css" href="__CSS__/topic_nas_header.css" />
|
||||
<link rel="stylesheet" type="text/css" href="__CSS__/orico_footer.css" />
|
||||
{block name="style"}{/block}
|
||||
<script type="text/javascript" src='https://code.jquery.com/jquery-3.6.0.min.js'></script>
|
||||
</head>
|
||||
<body>
|
||||
{block name="header"}
|
||||
{include file="public/nas_header"/}
|
||||
{/block}
|
||||
{block name="main"}{/block}
|
||||
{block name="footer"}
|
||||
{include file="public/nas_footer"/}
|
||||
{/block}
|
||||
{block name="script"}{/block}
|
||||
</body>
|
||||
</html>
|
||||
74
app/index/view/pc/public/nas_footer.html
Normal file
74
app/index/view/pc/public/nas_footer.html
Normal file
@@ -0,0 +1,74 @@
|
||||
<footer class="orico_footer">
|
||||
<div class="fotter">
|
||||
<!--中间信息-->
|
||||
<div class="footerMain">
|
||||
<!-- 上面-->
|
||||
<div class="foottxttop">
|
||||
<!--ico -->
|
||||
<a href="/">
|
||||
<img src="__IMAGES__/bottomlogo.png" class="footerico" />
|
||||
</a>
|
||||
<div class="foootCt">
|
||||
<p class="ftitle">{:lang('footer_navigation.product_categorys')}</p>
|
||||
<ul>
|
||||
{volist name="header_categorys" id="vo"}
|
||||
<li><a href="{:url('product/category', ['id' => $vo.id])}" class="fline">{$vo.name}</a></li>
|
||||
{/volist}
|
||||
</ul>
|
||||
</div>
|
||||
{if condition="!empty($footer_navigation)"}
|
||||
{volist name="footer_navigation" id="vo"}
|
||||
<div class="foootCt">
|
||||
<p class="ftitle">{$vo.name}</p>
|
||||
{if condition="!empty($vo.children)"}
|
||||
<ul>
|
||||
{volist name="vo.children" id="vc"}
|
||||
<li><a href="{$vc.link}" class="fline">{$vc.name}</a></li>
|
||||
{/volist}
|
||||
</ul>
|
||||
{/if}
|
||||
</div>
|
||||
{/volist}
|
||||
{/if}
|
||||
<div class="foootCt">
|
||||
<p class="ftitle">{:lang('footer_contact')}</p>
|
||||
{if condition="!empty($contact_config)"}
|
||||
<ul>
|
||||
{volist name="contact_config" id="vo"}
|
||||
<li>
|
||||
<a href="javascript:void(0);" class="fline">
|
||||
{if condition="$vo.type == 'image'"}
|
||||
<img src="{$vo.value}" {if condition="!empty($vo.extra)"}style="{$vo.extra}"{/if} />
|
||||
{else/}
|
||||
{$vo.value}
|
||||
{/if}
|
||||
</a>
|
||||
</li>
|
||||
{/volist}
|
||||
</ul>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
<div class="foottxtbottom">
|
||||
{if condition="!empty($media_config)"}
|
||||
<div class="ftopicos">
|
||||
<ul>
|
||||
{volist name="media_config" id="vo"}
|
||||
<a href="{$vo.url.value}"><img src="{$vo.image.value}" {if condition="!empty($vo.image.extra)"}style="{$vo.image.extra}"{/if} /></a>
|
||||
{/volist}
|
||||
</ul>
|
||||
</div>
|
||||
{/if}
|
||||
{if condition="!empty($basic_config.website_powerby)"}
|
||||
<div class="ftcopyright">
|
||||
<span>{$basic_config.website_powerby.value}</span>
|
||||
{if condition="!empty($basic_config.website_icp)"}
|
||||
<a href="https://beian.miit.gov.cn/">（{$basic_config.website_icp.value}）</a>
|
||||
{/if}
|
||||
</div>
|
||||
{/if}
|
||||
<!-- <div class="batext">粤公网安备 44030702002297号</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
52
app/index/view/pc/public/nas_header.html
Normal file
52
app/index/view/pc/public/nas_header.html
Normal file
@@ -0,0 +1,52 @@
|
||||
<header class="narsPage-head">
|
||||
<div class="headcenter">
|
||||
<a href="{:url('/index/topic/nas/index')}">
|
||||
<img class="logico" style="cursor:pointer;" src="__IMAGES__/logo_nas_{:cookie('think_lang')}.png" />
|
||||
</a>
|
||||
{notempty name="header_navigation"}
|
||||
<nav class="headnav">
|
||||
{volist name="header_navigation" id="nav" key="idx"}
|
||||
<a class="navitem {eq name='idx' value='1'}hover{/eq}" href="{$nav.link}" target="{$nav.blank==1?'_blank':'_self'}">
|
||||
{$nav.name}
|
||||
</a>
|
||||
{/volist}
|
||||
</nav>
|
||||
{/notempty}
|
||||
</div>
|
||||
</header>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$('.headnav .navitem').each(function(idx, item) {
|
||||
$(item).removeClass('hover');
|
||||
if (compareUrls(location.href, item.href)) {
|
||||
$(item).addClass('hover').siblings();
|
||||
}
|
||||
});
|
||||
|
||||
// 比较两个URL是否相等（支持只有path的情况，并处理有无.html后缀的情况）
|
||||
function compareUrls(url1, url2) {
|
||||
// 如果输入的是相对路径，添加当前域名
|
||||
if (!url1.startsWith('http')) {
|
||||
url1 = window.location.origin + (url1.startsWith('/') ? '' : '/') + url1;
|
||||
}
|
||||
if (!url2.startsWith('http')) {
|
||||
url2 = window.location.origin + (url2.startsWith('/') ? '' : '/') + url2;
|
||||
}
|
||||
|
||||
// 将两个URL转换为URL对象
|
||||
const urlObj1 = new URL(url1);
|
||||
const urlObj2 = new URL(url2);
|
||||
|
||||
// 获取路径名并移除末尾的斜杠
|
||||
let path1 = urlObj1.pathname.replace(/\/$/, '');
|
||||
let path2 = urlObj2.pathname.replace(/\/$/, '');
|
||||
|
||||
// 移除.html后缀
|
||||
path1 = path1.replace(/\.html$/, '');
|
||||
path2 = path2.replace(/\.html$/, '');
|
||||
|
||||
// 比较处理后的路径
|
||||
return path1 === path2;
|
||||
}
|
||||
})
|
||||
</script>
|
||||
80
app/index/view/pc/topic_nas/cooperation.html
Normal file
80
app/index/view/pc/topic_nas/cooperation.html
Normal 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
84
app/index/view/pc/topic_nas/download.html
Normal 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
153
app/index/view/pc/topic_nas/help.html
Normal 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
130
app/index/view/pc/topic_nas/help_detail.html
Normal 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
150
app/index/view/pc/topic_nas/index.html
Normal 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
56
app/index/view/pc/topic_nas/product.html
Normal 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}
|
||||
Reference in New Issue
Block a user