init: 项目初始代码
This commit is contained in:
531
app/index/view/zh-cn/about/about_us.html
Normal file
531
app/index/view/zh-cn/about/about_us.html
Normal file
@@ -0,0 +1,531 @@
|
||||
{include file='zh-cn/common/header' title='关于我们' keywords='关于我们'
|
||||
description='关于我们'} {include file='zh-cn/common/nav' }
|
||||
<!-- breadcrumb-area start -->
|
||||
<style>
|
||||
@media screen and (min-width: 1460px) {
|
||||
.swt-Container {
|
||||
width: 1620px;
|
||||
}
|
||||
}
|
||||
.swt-Container {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.tech {
|
||||
background-color: white;
|
||||
}
|
||||
.tech1 {
|
||||
padding-bottom: 130px;
|
||||
}
|
||||
.tech .title {
|
||||
height: 180px;
|
||||
line-height: 180px;
|
||||
font-size: 32px;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
font-weight: bold;
|
||||
color: #000000;
|
||||
text-align: center;
|
||||
}
|
||||
.techcon {
|
||||
height: 350px;
|
||||
background-color: #f2f2f2;
|
||||
display: flex;
|
||||
border-radius: 16px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.techcon .text img {
|
||||
margin-top: 80px;
|
||||
margin-left: 65px;
|
||||
}
|
||||
.techcon .tech-img img {
|
||||
margin-top: 25px;
|
||||
margin-left: 65px;
|
||||
width: 720px;
|
||||
height: 300px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
.techcon .text .context {
|
||||
margin-left: 65px;
|
||||
width: 80%;
|
||||
font-size: 16px;
|
||||
font-family: Montserrat-Medium, Montserrat;
|
||||
font-weight: 500;
|
||||
color: #707070;
|
||||
line-height: 26px;
|
||||
margin-top: 14px;
|
||||
}
|
||||
.techcon > div {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.achive {
|
||||
height: 460px;
|
||||
text-align: center;
|
||||
background-color: white !important;
|
||||
}
|
||||
.achive .title,
|
||||
.timeline .title,
|
||||
.tech .title {
|
||||
height: 180px;
|
||||
line-height: 180px;
|
||||
font-size: 32px;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
font-weight: bold;
|
||||
color: #000000;
|
||||
text-align: center;
|
||||
}
|
||||
.timeline{
|
||||
padding-bottom: 100px;
|
||||
}
|
||||
.achive .number {
|
||||
height: 200px;
|
||||
font-size: 32px;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
font-weight: bold;
|
||||
color: #000000;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.achive .number .achive_shuju {
|
||||
width: 25%;
|
||||
}
|
||||
.achive .number .achive_shuju .title1 {
|
||||
margin-top: 40px;
|
||||
font-size: 32px;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
font-weight: bold;
|
||||
color: #000000;
|
||||
}
|
||||
.achive .number .achive_shuju .subtitle1 {
|
||||
margin-top: 16px;
|
||||
font-size: 18px;
|
||||
font-family: Montserrat-Regular, Montserrat;
|
||||
font-weight: 400;
|
||||
color: #707070;
|
||||
}
|
||||
|
||||
.timeline {
|
||||
/*background: #f2f2f2 !important;*/
|
||||
font-family: Montserrat, Montserrat;
|
||||
}
|
||||
.timeline1 {
|
||||
display: flex;
|
||||
}
|
||||
.timeline-con {
|
||||
width: 85%;
|
||||
height: 665px;
|
||||
background-color: white;
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
.timeline-time {
|
||||
width: 15%;
|
||||
}
|
||||
|
||||
.tech {
|
||||
background-color: white;
|
||||
}
|
||||
.tech1 {
|
||||
padding-bottom: 130px;
|
||||
}
|
||||
.techcon {
|
||||
height: 350px;
|
||||
background-color: #f2f2f2;
|
||||
display: flex;
|
||||
border-radius: 16px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.techcon > div {
|
||||
width: 50%;
|
||||
}
|
||||
.techcon .text img {
|
||||
margin-top: 80px;
|
||||
margin-left: 65px;
|
||||
}
|
||||
|
||||
.techcon .text .year {
|
||||
margin-left: 65px;
|
||||
margin-top: 40px;
|
||||
font-size: 28px;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
font-weight: bold;
|
||||
color: #000000;
|
||||
line-height: 26px;
|
||||
}
|
||||
.techcon .text .context {
|
||||
margin-left: 65px;
|
||||
width: 80%;
|
||||
font-size: 16px;
|
||||
font-family: Montserrat-Medium, Montserrat;
|
||||
font-weight: 500;
|
||||
color: #707070;
|
||||
line-height: 26px;
|
||||
margin-top: 14px;
|
||||
}
|
||||
.techcon .tech-img img {
|
||||
margin-top: 25px;
|
||||
margin-left: 65px;
|
||||
}
|
||||
@media screen and (min-width: 1461px) and (max-width: 1720px) {
|
||||
.techcon {
|
||||
height: 300px;
|
||||
background-color: #f2f2f2;
|
||||
display: flex;
|
||||
border-radius: 16px;
|
||||
}
|
||||
.techcon .text img {
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.techcon .tech-img img {
|
||||
width: 550px;
|
||||
margin-top: 35px;
|
||||
margin-left: 65px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1459px) {
|
||||
.techcon {
|
||||
height: 250px;
|
||||
background-color: #f2f2f2;
|
||||
display: flex;
|
||||
border-radius: 16px;
|
||||
}
|
||||
.techcon .text img {
|
||||
margin-top: 40px;
|
||||
margin-left: 65px;
|
||||
}
|
||||
|
||||
.techcon .text .year {
|
||||
margin-left: 65px;
|
||||
margin-top: 20px;
|
||||
font-size: 22px;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
font-weight: bold;
|
||||
color: #000000;
|
||||
line-height: 26px;
|
||||
}
|
||||
.techcon .text .context {
|
||||
margin-left: 65px;
|
||||
width: 80%;
|
||||
font-size: 12px;
|
||||
font-family: Montserrat-Medium, Montserrat;
|
||||
font-weight: 500;
|
||||
color: #707070;
|
||||
line-height: 26px;
|
||||
margin-top: 14px;
|
||||
}
|
||||
.techcon .tech-img img {
|
||||
width: 440px;
|
||||
margin-top: 25px;
|
||||
margin-left: 15px;
|
||||
}
|
||||
}
|
||||
.box {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.event_year {
|
||||
width: 100px;
|
||||
text-align: center;
|
||||
float: left;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.event_year li {
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
border-left: 1px solid #d4d4d4;
|
||||
font-size: 18px;
|
||||
color: #828282;
|
||||
cursor: pointer;
|
||||
}
|
||||
.event_year li.current {
|
||||
border-left: 4px solid #0066ff;
|
||||
color: #004bfa;
|
||||
font-weight: 600;
|
||||
}
|
||||
.event_year li label {
|
||||
width:140px;
|
||||
}
|
||||
.event_list li span {
|
||||
width: 127px;
|
||||
text-align: right;
|
||||
display: block;
|
||||
float: left;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.event_list li p {
|
||||
width: 90%;
|
||||
margin-left: 24px;
|
||||
display: inline-block;
|
||||
padding-left: 10px;
|
||||
line-height: 25px;
|
||||
_float: left;
|
||||
font-size: 16px;
|
||||
margin-bottom: 10px;
|
||||
font-family: Montserrat-Medium, Montserrat;
|
||||
font-weight: 500;
|
||||
color: #707070;
|
||||
line-height: 20px;
|
||||
}
|
||||
.event_list li p span {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
padding: 0 15px 10px 15px;
|
||||
background: #fff;
|
||||
margin: 0;
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
.titlelist {
|
||||
line-height: 24px;
|
||||
color: #8c8c8c;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.titlelist dt {
|
||||
font-weight: bold;
|
||||
color: #666;
|
||||
white-space: nowrap;
|
||||
margin: 10px;
|
||||
}
|
||||
.titlelist dd {
|
||||
padding-left: 13px;
|
||||
}
|
||||
|
||||
|
||||
.con_event_list {
|
||||
width: 98%;
|
||||
height: 91%;
|
||||
overflow: auto;
|
||||
margin: 30px 10px;
|
||||
}
|
||||
.event_list {
|
||||
width: 98%;
|
||||
background: url('__LOCAL__assets/images/greyline.png') 50px 0 repeat-y;
|
||||
}
|
||||
.event_list h3 {
|
||||
margin: 0 0 0 35px;
|
||||
font-size: 24px;
|
||||
padding-left: 40px;
|
||||
background: url('__LOCAL__assets/images/greyyuandian.png') 3px 3px no-repeat;
|
||||
height: 38px;
|
||||
font-size: 20px;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
font-weight: bold;
|
||||
color: #000000;
|
||||
line-height: 30px;
|
||||
}
|
||||
.backgroundimg {
|
||||
background: url('__LOCAL__assets/images/yaundian.png') 3px 3px no-repeat !important;
|
||||
}
|
||||
</style>
|
||||
<div class="breadcrumb-area">
|
||||
<img log="img" src="__LOCAL__assets/images/about-banner.jpg" alt="Product" />
|
||||
</div>
|
||||
<!-- breadcrumb-area end --><!-- Service Area Start -->
|
||||
<div class="service-area product-bg pd-80">
|
||||
<div class="container">
|
||||
<div class="row d-flex justify-content-center align-items-center about-bg">
|
||||
<div class="col-lg-7 col-xl-7 col-md-12 col-sm-12 col-xs-12 p-0">
|
||||
<div class="service-left img-none">
|
||||
<img
|
||||
log="img"
|
||||
src="__LOCAL__assets/images/about-img01.jpg"
|
||||
alt="Product"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-5 col-xl-5 col-md-12 col-sm-12 col-xs-12">
|
||||
<div class="service-right-content">
|
||||
<h2 class="title">
|
||||
品牌简介
|
||||
<div class="eng-text">Brand Profile</div>
|
||||
</h2>
|
||||
<p class="para-1">
|
||||
牛顿定律（NTONPOWER）是深圳市元创时代科技有限公司旗下的全球化科技品牌，成立于2015年，专注于智能充电领域的技术创新。公司以严谨的科学方法和系统性研究为导向，致力于在消费电子充电领域提供创新的技术解决方案。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container pd-64">
|
||||
<div class="row d-flex justify-content-center align-items-center about-bg">
|
||||
<div class="col-lg-5 col-xl-5 col-md-12 col-sm-12 col-xs-12">
|
||||
<div class="service-right-content">
|
||||
<h2 class="title">
|
||||
品牌使命
|
||||
<div class="eng-text">Brand Interpretation</div>
|
||||
</h2>
|
||||
<p class="para-1">
|
||||
让生活电力十足。Power Up Your Life.<br />
|
||||
以科学家严谨求真的精神和创新探索的态度，用智能充电科技释放生活的无限可能。<br />
|
||||
● 安全：智能防护，守护充电瞬间<br />
|
||||
● 实用：精准设计，满足多元场景 <br />
|
||||
● 创新：突破技术边界，简化使用体验
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-7 col-xl-7 col-md-12 col-sm-12 col-xs-12 p-0">
|
||||
<div class="service-left text-xxl-end">
|
||||
<img
|
||||
log="img"
|
||||
src="__LOCAL__assets/images/about-img02.jpg"
|
||||
alt="Product"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="timeline Container">
|
||||
<div class="swt-Container">
|
||||
<div class="title">品牌里程</div>
|
||||
<div class="timeline1 swt-Container">
|
||||
<div class="box">
|
||||
<div class="timeline-time">
|
||||
<ul class="event_year">
|
||||
<li class="current"><label for="2015-2017">2015-2017</label></li>
|
||||
<li><label for="2018-2021">2018-2021</label></li>
|
||||
<li><label for="2022">2022</label></li>
|
||||
<li><label for="2023">2023</label></li>
|
||||
<li><label for="2024">2024</label></li>
|
||||
<li><label for="2025">2025</label></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="timeline-con">
|
||||
<div class="con_event_list">
|
||||
<ul class="event_list">
|
||||
<div>
|
||||
<h3 id="2015-2017" class="backgroundimg">创立初期（2015-2017年）</h3>
|
||||
<li>
|
||||
<p>
|
||||
<span
|
||||
>2015年，牛顿定律（NTONPOWER）成立，专注于智能生活充电产品（如：插线板、充电头）。</span
|
||||
>
|
||||
</p>
|
||||
</li>
|
||||
</div>
|
||||
<div>
|
||||
<h3 id="2018-2021">快速发展期（2018-2021年）</h3>
|
||||
<li>
|
||||
<p>
|
||||
<span
|
||||
>专注智能充电生态，创新覆盖多元应用场景。海外线上销售稳居行业前十，业务覆盖全球30多个国家 ，引领行业创新发展。</span
|
||||
>
|
||||
</p>
|
||||
</li>
|
||||
</div>
|
||||
<div>
|
||||
<h3 id="2022">2022</h3>
|
||||
<li>
|
||||
<p>
|
||||
<span
|
||||
>拓展国内线上电商渠道，加强本土市场品牌认知度。</span
|
||||
>
|
||||
</p>
|
||||
</li>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3 id="2023">2023</h3>
|
||||
<li>
|
||||
<p>
|
||||
<span
|
||||
>插线板全球销量1000万台。</span
|
||||
>
|
||||
</p>
|
||||
</li>
|
||||
</div>
|
||||
<div>
|
||||
<h3 id="2024">2024</h3>
|
||||
<li>
|
||||
<p>
|
||||
<span
|
||||
>用户规模突破海内外用户3500万+、全球社交媒体粉丝60万+。</span
|
||||
>
|
||||
</p>
|
||||
</li>
|
||||
</div>
|
||||
<div>
|
||||
<h3 id="2025">2025</h3>
|
||||
<li>
|
||||
<p>
|
||||
<span
|
||||
>全面进军新消费平台、锂电池和充电宝赛道，构建便携能源生态系统。</span
|
||||
>
|
||||
</p>
|
||||
</li>
|
||||
</div>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tech Container">
|
||||
<div class="swt-Container tech1">
|
||||
<div class="title">所获荣誉</div>
|
||||
<div class="techcon swt-Container">
|
||||
<div class="text">
|
||||
<img src="__LOCAL__assets/images/lichengbei.png" />
|
||||
<div class="context">
|
||||
<p>旅行便携类 海外TOP 10</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tech-img">
|
||||
<img src="__LOCAL__assets/images/gywm2.jpg" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="techcon swt-Container">
|
||||
<div class="text">
|
||||
<img src="__LOCAL__assets/images/lichengbei.png" />
|
||||
<div class="context">
|
||||
<p>斩获红点奖、缪斯设计奖</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tech-img">
|
||||
<img src="__LOCAL__assets/images/gywm1.jpg" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script
|
||||
type="text/javascript"
|
||||
src="https://code.jquery.com/jquery-3.6.0.min.js"
|
||||
></script>
|
||||
<script>
|
||||
$(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>
|
||||
{include file='zh-cn/common/footer'} {include file='zh-cn/common/script' }
|
||||
453
app/index/view/zh-cn/about/mileage.html
Normal file
453
app/index/view/zh-cn/about/mileage.html
Normal file
@@ -0,0 +1,453 @@
|
||||
{include file='zh-cn/common/header' title='关于我们' keywords='关于我们'
|
||||
description='关于我们'} {include file='zh-cn/common/nav' }
|
||||
<!-- breadcrumb-area start -->
|
||||
<style>
|
||||
@media screen and (min-width: 1460px) {
|
||||
.swt-Container {
|
||||
width: 1620px;
|
||||
}
|
||||
}
|
||||
.swt-Container {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.tech {
|
||||
background-color: white;
|
||||
}
|
||||
.tech1 {
|
||||
padding-bottom: 130px;
|
||||
}
|
||||
.tech .title {
|
||||
height: 180px;
|
||||
line-height: 180px;
|
||||
font-size: 32px;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
font-weight: bold;
|
||||
color: #000000;
|
||||
text-align: center;
|
||||
}
|
||||
.techcon {
|
||||
height: 350px;
|
||||
background-color: #f2f2f2;
|
||||
display: flex;
|
||||
border-radius: 16px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.techcon .text img {
|
||||
margin-top: 80px;
|
||||
margin-left: 65px;
|
||||
}
|
||||
.techcon .tech-img img {
|
||||
margin-top: 25px;
|
||||
margin-left: 65px;
|
||||
width: 720px;
|
||||
height: 300px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
.techcon .text .context {
|
||||
margin-left: 65px;
|
||||
width: 80%;
|
||||
font-size: 16px;
|
||||
font-family: Montserrat-Medium, Montserrat;
|
||||
font-weight: 500;
|
||||
color: #707070;
|
||||
line-height: 26px;
|
||||
margin-top: 14px;
|
||||
}
|
||||
.techcon > div {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.achive {
|
||||
height: 460px;
|
||||
text-align: center;
|
||||
background-color: white !important;
|
||||
}
|
||||
.achive .title,
|
||||
.timeline .title,
|
||||
.tech .title {
|
||||
height: 180px;
|
||||
line-height: 180px;
|
||||
font-size: 32px;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
font-weight: bold;
|
||||
color: #000000;
|
||||
text-align: center;
|
||||
}
|
||||
.timeline{
|
||||
padding-bottom: 100px;
|
||||
}
|
||||
.achive .number {
|
||||
height: 200px;
|
||||
font-size: 32px;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
font-weight: bold;
|
||||
color: #000000;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.achive .number .achive_shuju {
|
||||
width: 25%;
|
||||
}
|
||||
.achive .number .achive_shuju .title1 {
|
||||
margin-top: 40px;
|
||||
font-size: 32px;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
font-weight: bold;
|
||||
color: #000000;
|
||||
}
|
||||
.achive .number .achive_shuju .subtitle1 {
|
||||
margin-top: 16px;
|
||||
font-size: 18px;
|
||||
font-family: Montserrat-Regular, Montserrat;
|
||||
font-weight: 400;
|
||||
color: #707070;
|
||||
}
|
||||
|
||||
.timeline {
|
||||
background: #f2f2f2 !important;
|
||||
font-family: Montserrat, Montserrat;
|
||||
}
|
||||
.timeline1 {
|
||||
display: flex;
|
||||
}
|
||||
.timeline-con {
|
||||
width: 85%;
|
||||
height: 665px;
|
||||
background-color: white;
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
.timeline-time {
|
||||
width: 15%;
|
||||
}
|
||||
|
||||
.tech {
|
||||
background-color: white;
|
||||
}
|
||||
.tech1 {
|
||||
padding-bottom: 130px;
|
||||
}
|
||||
.techcon {
|
||||
height: 350px;
|
||||
background-color: #f2f2f2;
|
||||
display: flex;
|
||||
border-radius: 16px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.techcon > div {
|
||||
width: 50%;
|
||||
}
|
||||
.techcon .text img {
|
||||
margin-top: 80px;
|
||||
margin-left: 65px;
|
||||
}
|
||||
|
||||
.techcon .text .year {
|
||||
margin-left: 65px;
|
||||
margin-top: 40px;
|
||||
font-size: 28px;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
font-weight: bold;
|
||||
color: #000000;
|
||||
line-height: 26px;
|
||||
}
|
||||
.techcon .text .context {
|
||||
margin-left: 65px;
|
||||
width: 80%;
|
||||
font-size: 16px;
|
||||
font-family: Montserrat-Medium, Montserrat;
|
||||
font-weight: 500;
|
||||
color: #707070;
|
||||
line-height: 26px;
|
||||
margin-top: 14px;
|
||||
}
|
||||
.techcon .tech-img img {
|
||||
margin-top: 25px;
|
||||
margin-left: 65px;
|
||||
}
|
||||
@media screen and (min-width: 1461px) and (max-width: 1720px) {
|
||||
.techcon {
|
||||
height: 300px;
|
||||
background-color: #f2f2f2;
|
||||
display: flex;
|
||||
border-radius: 16px;
|
||||
}
|
||||
.techcon .text img {
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.techcon .tech-img img {
|
||||
width: 550px;
|
||||
margin-top: 35px;
|
||||
margin-left: 65px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1459px) {
|
||||
.techcon {
|
||||
height: 250px;
|
||||
background-color: #f2f2f2;
|
||||
display: flex;
|
||||
border-radius: 16px;
|
||||
}
|
||||
.techcon .text img {
|
||||
margin-top: 40px;
|
||||
margin-left: 65px;
|
||||
}
|
||||
|
||||
.techcon .text .year {
|
||||
margin-left: 65px;
|
||||
margin-top: 20px;
|
||||
font-size: 22px;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
font-weight: bold;
|
||||
color: #000000;
|
||||
line-height: 26px;
|
||||
}
|
||||
.techcon .text .context {
|
||||
margin-left: 65px;
|
||||
width: 80%;
|
||||
font-size: 12px;
|
||||
font-family: Montserrat-Medium, Montserrat;
|
||||
font-weight: 500;
|
||||
color: #707070;
|
||||
line-height: 26px;
|
||||
margin-top: 14px;
|
||||
}
|
||||
.techcon .tech-img img {
|
||||
width: 440px;
|
||||
margin-top: 25px;
|
||||
margin-left: 15px;
|
||||
}
|
||||
}
|
||||
.box {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.event_year {
|
||||
width: 100px;
|
||||
text-align: center;
|
||||
float: left;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.event_year li {
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
border-left: 1px solid #d4d4d4;
|
||||
font-size: 18px;
|
||||
color: #828282;
|
||||
cursor: pointer;
|
||||
}
|
||||
.event_year li.current {
|
||||
border-left: 4px solid #0066ff;
|
||||
color: #004bfa;
|
||||
font-weight: 600;
|
||||
}
|
||||
.event_year li label {
|
||||
width:140px;
|
||||
}
|
||||
.event_list li span {
|
||||
width: 127px;
|
||||
text-align: right;
|
||||
display: block;
|
||||
float: left;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.event_list li p {
|
||||
width: 90%;
|
||||
margin-left: 24px;
|
||||
display: inline-block;
|
||||
padding-left: 10px;
|
||||
line-height: 25px;
|
||||
_float: left;
|
||||
font-size: 16px;
|
||||
margin-bottom: 10px;
|
||||
font-family: Montserrat-Medium, Montserrat;
|
||||
font-weight: 500;
|
||||
color: #707070;
|
||||
line-height: 20px;
|
||||
}
|
||||
.event_list li p span {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
padding: 0 15px 10px 15px;
|
||||
background: #fff;
|
||||
margin: 0;
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
.titlelist {
|
||||
line-height: 24px;
|
||||
color: #8c8c8c;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.titlelist dt {
|
||||
font-weight: bold;
|
||||
color: #666;
|
||||
white-space: nowrap;
|
||||
margin: 10px;
|
||||
}
|
||||
.titlelist dd {
|
||||
padding-left: 13px;
|
||||
}
|
||||
|
||||
|
||||
.con_event_list {
|
||||
width: 98%;
|
||||
height: 91%;
|
||||
overflow: auto;
|
||||
margin: 30px 10px;
|
||||
}
|
||||
.event_list {
|
||||
width: 98%;
|
||||
background: url('__LOCAL__assets/images/greyline.png') 50px 0 repeat-y;
|
||||
}
|
||||
.event_list h3 {
|
||||
margin: 0 0 0 35px;
|
||||
font-size: 24px;
|
||||
padding-left: 40px;
|
||||
background: url('__LOCAL__assets/images/greyyuandian.png') 3px 3px no-repeat;
|
||||
height: 38px;
|
||||
font-size: 20px;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
font-weight: bold;
|
||||
color: #000000;
|
||||
line-height: 30px;
|
||||
}
|
||||
.backgroundimg {
|
||||
background: url('__LOCAL__assets/images/yaundian.png') 3px 3px no-repeat !important;
|
||||
}
|
||||
</style>
|
||||
<div class="breadcrumb-area">
|
||||
<img log="img" src="__LOCAL__assets/images/about-banner.jpg" alt="Product" />
|
||||
</div>
|
||||
<!-- breadcrumb-area end --><!-- Service Area Start -->
|
||||
<div class="service-area product-bg pd-80">
|
||||
|
||||
<div class="timeline Container">
|
||||
<div class="swt-Container">
|
||||
<div class="title">品牌里程</div>
|
||||
<div class="timeline1 swt-Container">
|
||||
<div class="box">
|
||||
<div class="timeline-time">
|
||||
<ul class="event_year">
|
||||
<li class="current"><label for="2015-2017">2015-2017</label></li>
|
||||
<li><label for="2018-2021">2018-2021</label></li>
|
||||
<li><label for="2022">2022</label></li>
|
||||
<li><label for="2023">2023</label></li>
|
||||
<li><label for="2024">2024</label></li>
|
||||
<li><label for="2025">2025</label></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="timeline-con">
|
||||
<div class="con_event_list">
|
||||
<ul class="event_list">
|
||||
<div>
|
||||
<h3 id="2015-2017" class="backgroundimg">创立初期（2015-2017年）</h3>
|
||||
<li>
|
||||
<p>
|
||||
<span
|
||||
>2015年，牛顿定律（NTONPOWER）成立，专注于智能生活充电产品（如：插线板、充电头）。</span
|
||||
>
|
||||
</p>
|
||||
</li>
|
||||
</div>
|
||||
<div>
|
||||
<h3 id="2018-2021">快速发展期（2018-2021年）</h3>
|
||||
<li>
|
||||
<p>
|
||||
<span
|
||||
>专注智能充电生态，创新覆盖多元应用场景。海外线上销售稳居行业前十，业务覆盖全球30多个国家 ，引领行业创新发展。</span
|
||||
>
|
||||
</p>
|
||||
</li>
|
||||
</div>
|
||||
<div>
|
||||
<h3 id="2022">2022</h3>
|
||||
<li>
|
||||
<p>
|
||||
<span
|
||||
>拓展国内线上电商渠道，加强本土市场品牌认知度。</span
|
||||
>
|
||||
</p>
|
||||
</li>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3 id="2023">2023</h3>
|
||||
<li>
|
||||
<p>
|
||||
<span
|
||||
>插线板全球销量1000万台。</span
|
||||
>
|
||||
</p>
|
||||
</li>
|
||||
</div>
|
||||
<div>
|
||||
<h3 id="2024">2024</h3>
|
||||
<li>
|
||||
<p>
|
||||
<span
|
||||
>用户规模突破海内外用户3500万+、全球社交媒体粉丝60万+。</span
|
||||
>
|
||||
</p>
|
||||
</li>
|
||||
</div>
|
||||
<div>
|
||||
<h3 id="2025">2025</h3>
|
||||
<li>
|
||||
<p>
|
||||
<span
|
||||
>全面进军新消费平台、锂电池和充电宝赛道，构建便携能源生态系统。</span
|
||||
>
|
||||
</p>
|
||||
</li>
|
||||
</div>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script
|
||||
type="text/javascript"
|
||||
src="https://code.jquery.com/jquery-3.6.0.min.js"
|
||||
></script>
|
||||
<script>
|
||||
$(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>
|
||||
{include file='zh-cn/common/footer'} {include file='zh-cn/common/script' }
|
||||
311
app/index/view/zh-cn/about/test.html
Normal file
311
app/index/view/zh-cn/about/test.html
Normal file
@@ -0,0 +1,311 @@
|
||||
{include file='zh-cn/common/header' title='关于我们' keywords='关于我们'
|
||||
description='关于我们'} {include file='zh-cn/common/nav' }
|
||||
<!-- breadcrumb-area start -->
|
||||
<style>
|
||||
@media screen and (min-width: 1460px) {
|
||||
.swt-Container {
|
||||
width: 1620px;
|
||||
}
|
||||
}
|
||||
.swt-Container {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.tech {
|
||||
background-color: white;
|
||||
}
|
||||
.tech1 {
|
||||
padding-bottom: 130px;
|
||||
}
|
||||
.tech .title {
|
||||
height: 180px;
|
||||
line-height: 180px;
|
||||
font-size: 32px;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
font-weight: bold;
|
||||
color: #000000;
|
||||
text-align: center;
|
||||
}
|
||||
.techcon {
|
||||
height: 350px;
|
||||
background-color: #f2f2f2;
|
||||
display: flex;
|
||||
border-radius: 16px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.techcon .text img {
|
||||
margin-top: 80px;
|
||||
margin-left: 65px;
|
||||
}
|
||||
.techcon .tech-img img {
|
||||
margin-top: 25px;
|
||||
margin-left: 65px;
|
||||
width: 720px;
|
||||
height: 300px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
.techcon .text .context {
|
||||
margin-left: 65px;
|
||||
width: 80%;
|
||||
font-size: 16px;
|
||||
font-family: Montserrat-Medium, Montserrat;
|
||||
font-weight: 500;
|
||||
color: #707070;
|
||||
line-height: 26px;
|
||||
margin-top: 14px;
|
||||
}
|
||||
.techcon > div {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.achive {
|
||||
height: 460px;
|
||||
text-align: center;
|
||||
background-color: white !important;
|
||||
}
|
||||
.achive .title,
|
||||
.timeline .title,
|
||||
.tech .title {
|
||||
height: 180px;
|
||||
line-height: 180px;
|
||||
font-size: 32px;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
font-weight: bold;
|
||||
color: #000000;
|
||||
text-align: center;
|
||||
}
|
||||
.timeline{
|
||||
padding-bottom: 100px;
|
||||
}
|
||||
.achive .number {
|
||||
height: 200px;
|
||||
font-size: 32px;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
font-weight: bold;
|
||||
color: #000000;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.achive .number .achive_shuju {
|
||||
width: 25%;
|
||||
}
|
||||
.achive .number .achive_shuju .title1 {
|
||||
margin-top: 40px;
|
||||
font-size: 32px;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
font-weight: bold;
|
||||
color: #000000;
|
||||
}
|
||||
.achive .number .achive_shuju .subtitle1 {
|
||||
margin-top: 16px;
|
||||
font-size: 18px;
|
||||
font-family: Montserrat-Regular, Montserrat;
|
||||
font-weight: 400;
|
||||
color: #707070;
|
||||
}
|
||||
|
||||
.timeline {
|
||||
background: #f2f2f2 !important;
|
||||
font-family: Montserrat, Montserrat;
|
||||
}
|
||||
.timeline1 {
|
||||
display: flex;
|
||||
}
|
||||
.timeline-con {
|
||||
width: 85%;
|
||||
height: 665px;
|
||||
background-color: white;
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
.timeline-time {
|
||||
width: 15%;
|
||||
}
|
||||
|
||||
.tech {
|
||||
background-color: white;
|
||||
}
|
||||
.tech1 {
|
||||
padding-bottom: 130px;
|
||||
}
|
||||
.techcon {
|
||||
height: 350px;
|
||||
background-color: #f2f2f2;
|
||||
display: flex;
|
||||
border-radius: 16px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.techcon > div {
|
||||
width: 50%;
|
||||
}
|
||||
.techcon .text img {
|
||||
margin-top: 80px;
|
||||
margin-left: 65px;
|
||||
}
|
||||
|
||||
.techcon .text .year {
|
||||
margin-left: 65px;
|
||||
margin-top: 40px;
|
||||
font-size: 28px;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
font-weight: bold;
|
||||
color: #000000;
|
||||
line-height: 26px;
|
||||
}
|
||||
.techcon .text .context {
|
||||
margin-left: 65px;
|
||||
width: 80%;
|
||||
font-size: 16px;
|
||||
font-family: Montserrat-Medium, Montserrat;
|
||||
font-weight: 500;
|
||||
color: #707070;
|
||||
line-height: 26px;
|
||||
margin-top: 14px;
|
||||
}
|
||||
.techcon .tech-img img {
|
||||
margin-top: 25px;
|
||||
margin-left: 65px;
|
||||
}
|
||||
@media screen and (min-width: 1461px) and (max-width: 1720px) {
|
||||
.techcon {
|
||||
height: 300px;
|
||||
background-color: #f2f2f2;
|
||||
display: flex;
|
||||
border-radius: 16px;
|
||||
}
|
||||
.techcon .text img {
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.techcon .tech-img img {
|
||||
width: 550px;
|
||||
margin-top: 35px;
|
||||
margin-left: 65px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1459px) {
|
||||
.techcon {
|
||||
height: 250px;
|
||||
background-color: #f2f2f2;
|
||||
display: flex;
|
||||
border-radius: 16px;
|
||||
}
|
||||
.techcon .text img {
|
||||
margin-top: 40px;
|
||||
margin-left: 65px;
|
||||
}
|
||||
|
||||
.techcon .text .year {
|
||||
margin-left: 65px;
|
||||
margin-top: 20px;
|
||||
font-size: 22px;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
font-weight: bold;
|
||||
color: #000000;
|
||||
line-height: 26px;
|
||||
}
|
||||
.techcon .text .context {
|
||||
margin-left: 65px;
|
||||
width: 80%;
|
||||
font-size: 12px;
|
||||
font-family: Montserrat-Medium, Montserrat;
|
||||
font-weight: 500;
|
||||
color: #707070;
|
||||
line-height: 26px;
|
||||
margin-top: 14px;
|
||||
}
|
||||
.techcon .tech-img img {
|
||||
width: 440px;
|
||||
margin-top: 25px;
|
||||
margin-left: 15px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<div class="breadcrumb-area">
|
||||
<img log="img" src="__LOCAL__assets/images/about-banner.jpg" alt="Product" />
|
||||
</div>
|
||||
<!-- breadcrumb-area end --><!-- Service Area Start -->
|
||||
<div class="service-area product-bg pd-80">
|
||||
<div class="container">
|
||||
<div class="row d-flex justify-content-center align-items-center about-bg">
|
||||
<div class="col-lg-7 col-xl-7 col-md-12 col-sm-12 col-xs-12 p-0">
|
||||
<div class="service-left img-none">
|
||||
<img
|
||||
log="img"
|
||||
src="__LOCAL__assets/images/about-img01.jpg"
|
||||
alt="Product"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-5 col-xl-5 col-md-12 col-sm-12 col-xs-12">
|
||||
<div class="service-right-content">
|
||||
<h2 class="title">
|
||||
品牌简介
|
||||
<div class="eng-text">Brand Profile</div>
|
||||
</h2>
|
||||
<p class="para-1">
|
||||
牛顿定律（NTONPOWER）是深圳市元创时代科技有限公司旗下的全球化科技品牌，成立于2015年，专注于智能充电领域的技术创新。公司以严谨的科学方法和系统性研究为导向，致力于在消费电子充电领域提供创新的技术解决方案。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container pd-64">
|
||||
<div class="row d-flex justify-content-center align-items-center about-bg">
|
||||
<div class="col-lg-5 col-xl-5 col-md-12 col-sm-12 col-xs-12">
|
||||
<div class="service-right-content">
|
||||
<h2 class="title">
|
||||
品牌使命
|
||||
<div class="eng-text">Brand Interpretation</div>
|
||||
</h2>
|
||||
<p class="para-1">
|
||||
让生活电力十足。Power Up Your Life.<br />
|
||||
以科学家严谨求真的精神和创新探索的态度，用智能充电科技释放生活的无限可能。<br />
|
||||
● 安全：智能防护，守护充电瞬间<br />
|
||||
● 实用：精准设计，满足多元场景 <br />
|
||||
● 创新：突破技术边界，简化使用体验
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-7 col-xl-7 col-md-12 col-sm-12 col-xs-12 p-0">
|
||||
<div class="service-left text-xxl-end">
|
||||
<img
|
||||
log="img"
|
||||
src="__LOCAL__assets/images/about-img02.jpg"
|
||||
alt="Product"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tech Container">
|
||||
<div class="swt-Container tech1">
|
||||
<div class="title">品牌活动</div>
|
||||
<div class="techcon swt-Container">
|
||||
<div class="text">
|
||||
<img src="__LOCAL__assets/images/lichengbei.png" />
|
||||
<div class="context">
|
||||
<p>旅行便携类 海外TOP 10</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tech-img">
|
||||
<img src="__LOCAL__assets/images/gywm2.jpg" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="techcon swt-Container">
|
||||
<div class="text">
|
||||
<img src="__LOCAL__assets/images/lichengbei.png" />
|
||||
<div class="context">
|
||||
<p>斩获红点奖、缪斯设计奖</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tech-img">
|
||||
<img src="__LOCAL__assets/images/gywm1.jpg" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{include file='zh-cn/common/footer'} {include file='zh-cn/common/script' }
|
||||
65
app/index/view/zh-cn/common/footer.html
Normal file
65
app/index/view/zh-cn/common/footer.html
Normal file
@@ -0,0 +1,65 @@
|
||||
<!-- Footer Area Start -->
|
||||
<div class="footer-area">
|
||||
<div class="footer-container">
|
||||
<div class="footer-top">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<!-- Start single blog -->
|
||||
{foreach $nav_footer_info as $nav}
|
||||
<div class="col-md-6 col-sm-4 col-lg-1 mb-md-30px mb-lm-30px">
|
||||
<div class="single-wedge">
|
||||
<a class="single-link" log="a" href="{$nav.url}"><h4 class="footer-herading">{$nav.name}</h4></a>
|
||||
{if isset($nav.children)}
|
||||
<div class="footer-links">
|
||||
<div class="footer-row">
|
||||
<ul class="align-items-center">
|
||||
{foreach $nav.children as $nav1}
|
||||
<li class="li"><a log="a" class="single-link" log="a" href="{$nav1.url}">{$nav1.name}</a></li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
<div></div>
|
||||
</div>
|
||||
{/foreach}
|
||||
<div class="col-md-6 col-sm-6 col-lg-6 mb-md-30px mb-lm-30px md-blank"></div>
|
||||
<!-- End single blog --><!-- Start single blog -->
|
||||
<div class="col-md-3 col-lg-3 col-md-6 col-sm-6 pl-120px text-tel">
|
||||
<div class="single-wedge">
|
||||
<h4 class="footer-herading">全国统一服务热线</h4>
|
||||
<div class="footer-links">
|
||||
<!-- News letter area -->
|
||||
<p class="phone m-0">
|
||||
<span><a log="a" href="tel:{$footer_info.contact.value}">{$footer_info.contact.value}</a> </span>
|
||||
</p>
|
||||
<!-- News letter area End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End single blog -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom">
|
||||
<div class="container">
|
||||
<div class="line-footer-top">
|
||||
<div class="row flex-md-row-reverse align-items-center">
|
||||
<div class="col-md-12 text-center text-md-start">
|
||||
<p class="copy-text">
|
||||
{$footer_info.copyright.value}（<a
|
||||
log="a"
|
||||
rel="nofollow"
|
||||
href="https://beian.miit.gov.cn/#/Integrated/index"
|
||||
target="_blank"
|
||||
>{$footer_info.beian1.value}</a
|
||||
>）
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
22
app/index/view/zh-cn/common/header.html
Normal file
22
app/index/view/zh-cn/common/header.html
Normal file
@@ -0,0 +1,22 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zxx">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
||||
<meta name="robots" content="index, follow" />
|
||||
<title>{$meta['meta_title']??''}</title>
|
||||
<meta name="keywords" content="{$meta['meta_keyword']??''}" />
|
||||
<meta name="description" content="{$meta['meta_description']??''}" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
||||
{if false == $is_dev}
|
||||
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />
|
||||
{/if}
|
||||
<!-- Add site Favicon -->
|
||||
<!-- <link rel="shortcut icon" href="__LOCAL__assets/images/favicon/favicon.ico" type="image/png" />-->
|
||||
<link rel="icon" href="__LOCAL__assets/images/logo.svg" />
|
||||
<link rel="stylesheet" href="__LOCAL__assets/css/vendor/vendor.min.css" />
|
||||
<link rel="stylesheet" href="__LOCAL__assets/css/plugins/plugins.min.css" />
|
||||
<link rel="stylesheet" href="__LOCAL__assets/css/style.min.css" />
|
||||
<link rel="stylesheet" href="__LOCAL__assets/css/jquery.bxslider.css" />
|
||||
</head>
|
||||
<body>
|
||||
146
app/index/view/zh-cn/common/nav.html
Normal file
146
app/index/view/zh-cn/common/nav.html
Normal file
@@ -0,0 +1,146 @@
|
||||
<!-- Header Area Start -->
|
||||
<header>
|
||||
<div class="header-main sticky-nav">
|
||||
<div class="container position-relative">
|
||||
<div class="row">
|
||||
<div class="col-auto align-self-center">
|
||||
<div class="header-logo">
|
||||
<a log="a" href="{:url('/')}"><img log="img" src="__LOCAL__assets/images/logo/logo.png" alt="Site Logo" /></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col align-self-center d-none d-lg-block">
|
||||
<div class="main-menu">
|
||||
<ul>
|
||||
{foreach $nav_info as $item}
|
||||
<li class="dropdown position-static">
|
||||
{if isset($item['children'])}
|
||||
<a log="a" href="{$item.url}">{$item.name} <i class="fa fa-angle-down"></i></a>
|
||||
<ul class="mega-menu d-block">
|
||||
<li class="d-flex">
|
||||
{foreach $item['children'] as $it}
|
||||
<span><a log="a" href="{$it.url}"><img log="img" src="__STATIC__{$it.icon}" /></a></span>
|
||||
{if isset($it['children'])}
|
||||
<ul class="d-block">
|
||||
<li class="title"><a log="a" href="{$it.url}">{$it.name}</a></li>
|
||||
{foreach $it['children'] as $it1}
|
||||
<li><a log="a" href="{$it1.url}">{$it1.name}</a></li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
{else}
|
||||
<ul class="d-block">
|
||||
<li class="title"><a log="a" href="{$it.url}">{$it.name}</a></li>
|
||||
</ul>
|
||||
{/if}
|
||||
{/foreach}
|
||||
</li>
|
||||
</ul>
|
||||
{else}
|
||||
<a log="a" href="{$item.url}">{$item.name}</a>
|
||||
{/if}
|
||||
</li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Header Action Start -->
|
||||
<div class="col col-lg-auto align-self-center pl-0">
|
||||
<div class="header-actions">
|
||||
<!-- Single Wedge Start -->
|
||||
<a log="a" href="#" class="header-action-btn" data-bs-toggle="modal" data-bs-target="#searchActive"
|
||||
><i class="pe-7s-search"></i>
|
||||
</a>
|
||||
<div class="col align-self-center d-none d-lg-block">
|
||||
<div class="main-menu">
|
||||
<ul>
|
||||
<li class="dropdown">
|
||||
<a log="a" href="{$multi_lang['cn_web']['value']}">中文 <i class="fa fa-angle-down"></i></a>
|
||||
<ul class="sub-menu">
|
||||
<li><a log="a" href="https://www.ntonpower.com">EN</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Single Wedge End -->
|
||||
<a log="a" href="#offcanvas-mobile-menu" class="header-action-btn header-action-btn-menu offcanvas-toggle d-lg-none"
|
||||
><i class="pe-7s-menu"></i
|
||||
></a>
|
||||
<!-- Header Action End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- Header Area End -->
|
||||
<!-- OffCanvas Cart End --><!-- OffCanvas Menu Start -->
|
||||
<div id="offcanvas-mobile-menu" class="offcanvas offcanvas-mobile-menu">
|
||||
<button class="offcanvas-close"></button>
|
||||
<div class="inner customScroll">
|
||||
<div class="offcanvas-menu mb-4">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#"><span class="menu-text">中文</span></a>
|
||||
<ul class="sub-menu">
|
||||
<li>
|
||||
<a log="a" href="https://www.ntonpower.com"><span class="menu-text">EN</span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
{foreach $nav_info as $item}
|
||||
<li>
|
||||
<a log="a" href="{$item.url}"><span class="menu-text">{$item.name}</span></a>
|
||||
{if isset($item['children'])}
|
||||
<ul class="sub-menu">
|
||||
{foreach $item['children'] as $it1}
|
||||
<li>
|
||||
<a href="#"><span class="menu-text">{$it1.name}</span></a>
|
||||
<ul class="sub-menu">
|
||||
{if isset($it1['children'])}
|
||||
{foreach $it1['children'] as $it2}
|
||||
<li><a href="{$it2.url}">{$it2.name}</a></li>
|
||||
{/foreach}
|
||||
{else}
|
||||
<li><a href="{$it1.url}">{$it1.name}</a></li>
|
||||
{/if}
|
||||
</ul>
|
||||
</li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
{/if}
|
||||
</li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- OffCanvas Menu End -->
|
||||
<div class="payment-img">
|
||||
<a log="a" href="#"><img log="img" src="assets/images/zhihu.png" alt="" /></a>
|
||||
<a log="a" href="#"><img log="img" src="assets/images/weibo.png" alt="" /></a>
|
||||
<a log="a" href="#"><img log="img" src="assets/images/facebook.png" alt="" /></a>
|
||||
<a log="a" href="#"><img log="img" src="assets/images/Youtube.png" alt="" /></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- OffCanvas Menu End -->
|
||||
<!-- Banner Area End -->
|
||||
<!-- Search Modal Start -->
|
||||
<div class="modal popup-search-style" id="searchActive">
|
||||
<button type="button" class="close-btn" data-bs-dismiss="modal"><span aria-hidden="true">×</span></button>
|
||||
<div class="modal-overlay">
|
||||
<div class="modal-dialog p-0" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<h2>搜索您的产品</h2>
|
||||
<form class="navbar-form position-relative" role="search" action="{:url('index/goods/index')}">
|
||||
<div class="form-group">
|
||||
<input type="text" class="form-control" name="model_number" placeholder="请输入产品型号..." />
|
||||
</div>
|
||||
<button type="submit" class="submit-btn"><i class="pe-7s-search"></i></button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Search Modal End -->
|
||||
21
app/index/view/zh-cn/common/script.html
Normal file
21
app/index/view/zh-cn/common/script.html
Normal file
@@ -0,0 +1,21 @@
|
||||
<script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/Swiper/6.3.5/swiper-bundle.min.js"></script>
|
||||
<script src="__LOCAL__assets/js/vendor/vendor.min.js"></script>
|
||||
<script src="__LOCAL__assets/js/jquery.bxslider.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function () {
|
||||
$('.setmspace').bxSlider({
|
||||
slideWidth: 1920,
|
||||
infiniteLoop: false,
|
||||
hideControlOnEnd: true,
|
||||
slideMargin: 10,
|
||||
auto: true
|
||||
})
|
||||
})
|
||||
</script>
|
||||
<script type="text/javascript" src="__LOCAL__assets/js/action.js"></script>
|
||||
<script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/jqueryui/1.12.1/jquery-ui.min.js"></script>
|
||||
<script src="__LOCAL__assets/js/plugins/plugins.min.js"></script>
|
||||
<!-- Main Js -->
|
||||
<script src="__LOCAL__assets/js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
31
app/index/view/zh-cn/contact/contact.html
Normal file
31
app/index/view/zh-cn/contact/contact.html
Normal file
@@ -0,0 +1,31 @@
|
||||
{include file='zh-cn/common/header' title='联系我们' keywords='联系我们' description='联系我们'} {include file='zh-cn/common/nav'}
|
||||
<!-- breadcrumb-area start -->
|
||||
<div class="breadcrumb-area">
|
||||
<img log="img" src="__LOCAL__assets/images/download-img.jpg" alt="Product" />
|
||||
<div class="container">
|
||||
<div class="breadcrumb-title">和我们谈谈</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- breadcrumb-area end --><!-- Contact Area Start -->
|
||||
<div class="contact-area pt-100px pb-100px product-bg">
|
||||
<div class="container">
|
||||
<div class="contact-wrapper">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 col-xl-12 col-md-12 col-sm-12 col-xs-12">
|
||||
<div class="contact-info">
|
||||
<div class="single-contact">
|
||||
<div class="icon-box"><img log="img" src="__LOCAL__assets/images/tel.png" /></div>
|
||||
<div class="info-box">
|
||||
<h5 class="title">400-6696-298</h5>
|
||||
<b>全国统一服务热线</b>
|
||||
<p>周一至周五：上午9:00 —下午6:00</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Contact Area End -->
|
||||
{include file='zh-cn/common/footer'} {include file='zh-cn/common/script'}
|
||||
93
app/index/view/zh-cn/download/download.html
Normal file
93
app/index/view/zh-cn/download/download.html
Normal file
@@ -0,0 +1,93 @@
|
||||
{include file='zh-cn/common/header' title='服务与支持' keywords='服务与支持' description='服务与支持'} {include file='zh-cn/common/nav' }
|
||||
<!-- breadcrumb-area start -->
|
||||
<div class="breadcrumb-area">
|
||||
<img log="img" src="__LOCAL__assets/images/download-bg.jpg" alt="Product" />
|
||||
<div class="container">
|
||||
<div class="breadcrumb-title">服务与支持</div>
|
||||
</div>
|
||||
<div class="container newsletter-area">
|
||||
<div class="news-letter-form">
|
||||
<div id="mc_embed_signup" class="subscribe-form">
|
||||
<form
|
||||
id="mc-embedded-subscribe-form"
|
||||
class="validate"
|
||||
novalidate=""
|
||||
name="mc-embedded-subscribe-form"
|
||||
method="get"
|
||||
action="{:url('index/download/index')}"
|
||||
>
|
||||
<div id="mc_embed_signup_scroll" class="mc-form">
|
||||
<input class="email" type="text" required="" placeholder="输入型号搜索" name="keyword" value="" />
|
||||
<div class="clear">
|
||||
<button id="mc-embedded-subscribe" class="button" type="submit">
|
||||
<i class="pe-7s-search f-20"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- product details description area start -->
|
||||
<div class="description-review-area product-bg pb-100px" data-aos="fade-up" data-aos-delay="200">
|
||||
<div class="container">
|
||||
<div class="description-review-wrapper pt-xxl-5">
|
||||
<div class="description-review-topbar nav">
|
||||
{if count($resource.type) > 0} {foreach $resource.type as $type}
|
||||
<a log="a"
|
||||
class="{if ($type.id == Request()->param('file_type_id')) || (Request()->param('file_type_id') == '' && $type.id == 1)}active{else}{/if}"
|
||||
href="{:url('index/download/index',['file_type_id'=>$type.id])}"
|
||||
>{$type.name}</a
|
||||
>
|
||||
{/foreach} {/if}
|
||||
</div>
|
||||
<div class="tab-content">
|
||||
<div id="down-details{$type.id}" class="tab-pane active">
|
||||
<div class="container">
|
||||
{if count($resource.list) > 0} {foreach $resource.list as $list}
|
||||
<div class="shop-list-wrapper description-review-bottom">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 col-xl-4 col-md-12 col-sm-12 col-xs-12">
|
||||
<div class="updoanlod">
|
||||
<div class="thumb">
|
||||
<a log="a" href="__STATIC__{$list.getSoftBtn.0.url}" class="image"
|
||||
><img log="img" src="__STATIC__{$list.image}" alt="Product"
|
||||
/></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12 col-xl-8 col-md-12 col-sm-12 col-xs-12">
|
||||
<div class="content-desc-wrap">
|
||||
<div class="content">
|
||||
<h5 class="title"><a log="a" href="__STATIC__{$list.getSoftBtn.0.url}">{$list.name}</a></h5>
|
||||
{$list.introduce | raw}
|
||||
</div>
|
||||
<div class="download-text">
|
||||
<b>适合型号：</b>
|
||||
<p>{$list.support}</p>
|
||||
<b>支持系统：</b>
|
||||
<p>{$list.os}</p>
|
||||
</div>
|
||||
<a
|
||||
log="a"
|
||||
class="btn btn-primary mt-4"
|
||||
data-aos="fade-up"
|
||||
data-aos-delay="200"
|
||||
href="__STATIC__{$list.getSoftBtn.0.url}"
|
||||
>
|
||||
{$list.getSoftBtn.0.btn_tips}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/foreach} {/if}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- breadcrumb-area end -->
|
||||
{include file='zh-cn/common/footer'} {include file='zh-cn/common/script' }
|
||||
90
app/index/view/zh-cn/goods/detail.html
Normal file
90
app/index/view/zh-cn/goods/detail.html
Normal file
@@ -0,0 +1,90 @@
|
||||
{include file='zh-cn/common/header' title='商品详情' keywords='商品详情' description='商品详情'} {include file='zh-cn/common/nav' }
|
||||
<!-- Search Modal End -->
|
||||
<!-- OffCanvas Menu End --><!-- breadcrumb-area start -->
|
||||
<div class="container">
|
||||
<div class="row align-items-center justify-content-center">
|
||||
<div class="col-12">
|
||||
<!-- breadcrumb-list start -->
|
||||
<ul class="breadcrumb-list">
|
||||
<li class="breadcrumb-item"><a log="a" href="{:url('index/index/index')}">首页</a></li>
|
||||
{foreach $resource.bread as $key => $bread}
|
||||
<span>></span>
|
||||
<li class="breadcrumb-item"><a log="a" href="{:url('index/goods/index?'.$bread.qs)}">{$bread.name}</a></li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
<!-- breadcrumb-list end -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- breadcrumb-area end --><!-- Goods Details Area Start -->
|
||||
<div class="product-details-area pb-100px">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-5 col-sm-12 col-xs-12 mb-lm-30px mb-md-30px mb-sm-30px">
|
||||
<!-- Swiper -->
|
||||
<div class="swiper-container zoom-top">
|
||||
<div class="single-product-slider-wrapper swiper-wrapper">
|
||||
{foreach $resource.goodsInfo.images as $img}
|
||||
<div class="swiper-slide zoom-image-hover">
|
||||
<img log="img" class="img-responsive m-auto" src="{$img.image}" alt="" />
|
||||
</div>
|
||||
{/foreach}
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-container zoom-thumbs mt-20px">
|
||||
<div class="swiper-wrapper">
|
||||
{foreach $resource.goodsInfo.images as $img}
|
||||
<div class="swiper-slide">
|
||||
<img log="img" class="img-responsive m-auto" src="{$img.image}" alt="" />
|
||||
</div>
|
||||
{/foreach}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-7 col-sm-12 col-xs-12" data-aos="fade-up" data-aos-delay="200">
|
||||
<div class="product-details-content quickview-content ml-25px">
|
||||
<h2>{$resource.goodsInfo.name}</h2>
|
||||
<p class="mb-0">{$resource.goodsInfo.description}</p>
|
||||
<div class="line-shape-top"></div>
|
||||
<div class="pro-details-categories-info pro-details-same-style">
|
||||
<ul>
|
||||
<li><span>型号:</span>{$resource.goodsInfo.model_number}</li>
|
||||
<li><span>类型:</span>{$resource.goodsInfo.category_name}</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- product details description area start -->
|
||||
<div class="description-review-area pb-100px" data-aos="fade-up" data-aos-delay="200">
|
||||
<div class="container">
|
||||
<div class="description-review-wrapper">
|
||||
<div class="description-review-topbar nav">
|
||||
<a log="a" class="active" data-bs-toggle="tab" href="#des-details1">图文详情描述</a>
|
||||
<a log="a" data-bs-toggle="tab" href="#des-details2">规格参数</a>
|
||||
</div>
|
||||
<div class="tab-content description-review-bottom">
|
||||
<div id="des-details1" class="tab-pane active">
|
||||
<div class="product-description-wrapper">{$resource.goodsInfo.details | raw}</div>
|
||||
</div>
|
||||
<div id="des-details2" class="tab-pane">
|
||||
<div class="product-anotherinfo-wrapper text-start">
|
||||
<div class="row">
|
||||
{if count($resource.goodsInfo.goods_attribute) > 0} {foreach $resource.goodsInfo.goods_attribute as $attr}
|
||||
<div class="col-lg-12 col-xl-12 col-md-12 col-sm-12 col-xs-12">
|
||||
<ul>
|
||||
<li><span>{$attr.attribute_name}</span><em>{$attr.value}</em></li>
|
||||
</ul>
|
||||
</div>
|
||||
{/foreach} {/if}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- product details description area end -->
|
||||
{include file='zh-cn/common/footer'} {include file='zh-cn/common/script'}
|
||||
144
app/index/view/zh-cn/goods/list.html
Normal file
144
app/index/view/zh-cn/goods/list.html
Normal file
@@ -0,0 +1,144 @@
|
||||
{include file='zh-cn/common/header' title='商品列表' keywords='商品列表' description='商品列表'} {include file='zh-cn/common/nav' }
|
||||
<div class="cation-bg">
|
||||
<div class="cation-content container">
|
||||
<!-- 可以删除 -->
|
||||
<div class="cation-middle">
|
||||
<dl class="cation-list">
|
||||
<dt>一级分类</dt>
|
||||
<dd>
|
||||
{foreach $resource.category as $cate}
|
||||
<a
|
||||
log="a"
|
||||
href="{:url('index/goods/index',['cate1' => $cate.id])}"
|
||||
rel="{$cate.name}"
|
||||
name="mode"
|
||||
class="default {if $resource['checked1'] == $cate.id} on {else} {/if}"
|
||||
>{$cate.name}</a
|
||||
>
|
||||
{/foreach}
|
||||
</dd>
|
||||
</dl>
|
||||
<dl class="cation-list">
|
||||
<dt>二级分类</dt>
|
||||
<dd>
|
||||
{if !empty($resource.category_two)} {foreach $resource.category_two as $cate2}
|
||||
<a
|
||||
log="a"
|
||||
href="{:url($resource['url1'],['cate2' => $cate2.id])}"
|
||||
rel="{$cate2.name}"
|
||||
name="theme"
|
||||
class="default {if $resource['checked2'] == $cate2.id} on {else} {/if}"
|
||||
>{$cate2.name}</a
|
||||
>
|
||||
{/foreach} {else}
|
||||
<a log="a" class="default"></a>
|
||||
{/if}
|
||||
</dd>
|
||||
</dl>
|
||||
<dl class="cation-list">
|
||||
<dt>三级分类</dt>
|
||||
<dd>
|
||||
{if !empty($resource.category_three)} {foreach $resource.category_three as $cate3}
|
||||
<a
|
||||
log="a"
|
||||
href="{:url($resource['url2'],['cate3' => $cate3.id])}"
|
||||
rel="{$cate3.name}"
|
||||
name="theme"
|
||||
class="default {if $resource['checked3'] == $cate3.id} on {else} {/if}"
|
||||
>{$cate3.name}</a
|
||||
>
|
||||
{/foreach} {else}
|
||||
<a log="a" class="default"></a>
|
||||
{/if}
|
||||
</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div>
|
||||
<dl class="cation-all">
|
||||
<dd>
|
||||
<a
|
||||
log="a"
|
||||
href="{:url($resource['url'],['is_all'=>1])}"
|
||||
rel="全部"
|
||||
name="system"
|
||||
class="default{if $resource['checked4'] == 'is_all'} on {else} {/if}"
|
||||
>全部</a
|
||||
>
|
||||
<a
|
||||
log="a"
|
||||
href="{:url($resource['url'],['is_recommend'=> 0])}"
|
||||
rel="推荐"
|
||||
name="system"
|
||||
class="default{if $resource['checked4'] == 'is_recommend'} on {else} {/if}"
|
||||
>推荐</a
|
||||
>
|
||||
<a
|
||||
log="a"
|
||||
href="{:url($resource['url'],['is_hot'=> 0])}"
|
||||
rel="热门"
|
||||
name="system"
|
||||
class="default{if $resource['checked4'] == 'is_hot'} on {else} {/if}"
|
||||
>热门</a
|
||||
>
|
||||
<a
|
||||
log="a"
|
||||
href="{:url($resource['url'],['is_new'=> 0])}"
|
||||
rel="最新"
|
||||
name="system"
|
||||
class="default{if $resource['checked4'] == 'is_new'} on {else} {/if}"
|
||||
>最新</a
|
||||
>
|
||||
</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- list S-->
|
||||
<div class="product-bg">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="tab-conten">
|
||||
<div class="tab-pane fade show active" id="tab-jewelry">
|
||||
<div class="row">
|
||||
{if count($resource.list.data) > 0} {foreach $resource.list.data as $goods}
|
||||
<div class="col-lg-3 col-xl-3 col-md-6 col-sm-6 col-xs-6 mb-30px">
|
||||
<!-- Single Prodect -->
|
||||
<div class="product">
|
||||
<div class="thumb">
|
||||
<a log="a" href="{:url('index/goods/detail',['id'=>$goods.id])}" class="image"
|
||||
><img log="img" src="__STATIC__{$goods.main_img}" alt="Product"
|
||||
/></a>
|
||||
</div>
|
||||
<div class="content">
|
||||
<h5 class="title"><a log="a" href="{:url('index/goods/detail',['id'=>$goods.id])}">{$goods.name}</a></h5>
|
||||
<span>{$goods.model_number}</span>
|
||||
</div>
|
||||
<a log="a" href="{:url('index/goods/detail',['id'=>$goods.id])}"
|
||||
><button title="Add To Cart" class="add-to-cart">了解详情</button></a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
{/foreach} {else}
|
||||
<div class="container">
|
||||
<div class="list-bg-non">
|
||||
<!-- Single Prodect -->
|
||||
<p class="list-non">暂无商品</p>
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Pagination Area Start -->
|
||||
<div class="pro-pagination-style text-center mb-5" data-aos="fade-up" data-aos-delay="200">
|
||||
<div class="pages">{$resource.page | raw}</div>
|
||||
</div>
|
||||
<!-- Pagination Area End -->
|
||||
</div>
|
||||
<!-- Tab Content Area End -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- list e-->
|
||||
{include file='zh-cn/common/footer'} {include file='zh-cn/common/script' }
|
||||
112
app/index/view/zh-cn/index/index.html
Normal file
112
app/index/view/zh-cn/index/index.html
Normal file
@@ -0,0 +1,112 @@
|
||||
{include file='zh-cn/common/header' title='首页' keywords='首页' description='首页'} {include file='zh-cn/common/nav' }
|
||||
<!-- Hero/Intro Slider Start -->
|
||||
<div class="setmspace">
|
||||
{foreach $banner_list as $item}
|
||||
<div class="slide"><a log="a" href="{$item.url}"><img log="img" src="__STATIC__{$item.image}" /></a></div>
|
||||
{/foreach}
|
||||
</div>
|
||||
|
||||
<!-- Banner Area End --><!-- Goods Area Start -->
|
||||
<div class="product-area">
|
||||
<div class="container">
|
||||
<div class="cate-list">
|
||||
<ul>
|
||||
{foreach $nav_info as $item} {if isset($item.children)} {if $item.id === 1} {foreach $item.children as $it1}
|
||||
<li>
|
||||
<a log="a" href="{$it1.url}"
|
||||
><img log="img" src="__STATIC__{$it1.icon}" alt="" />
|
||||
<p>{$it1.name}</p>
|
||||
</a>
|
||||
</li>
|
||||
{/foreach} {/if} {/if} {/foreach}
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Section Title & Tab Start -->
|
||||
|
||||
<div class="row">
|
||||
<!-- Section Title Start -->
|
||||
<!-- Section Title End -->
|
||||
<!-- Goods Area End --><!-- Testimonial Area Start -->
|
||||
<div class="banner-area-2 mt-60px">
|
||||
<div class="container">
|
||||
<div class="row m-0">
|
||||
<div class="col-md-7 p-0">
|
||||
<div class="single-banner nth-child-1">
|
||||
<img log="img" src="__STATIC__{$f_image['goods_one']['image']??''}" alt="" />
|
||||
<div class="banner-content nth-child-1">
|
||||
<span class="title">{$f_image['goods_one']['value']??"" | raw }</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-5 p-0">
|
||||
<div class="single-banner nth-child-2 mb-lm-30px mt-lm-30px">
|
||||
<img log="img" src="__STATIC__{$f_image['goods_two']['image']??''}" alt="" />
|
||||
<div class="banner-content nth-child-2">
|
||||
<span class="title">{$f_image['goods_two']['value']??"" | raw }</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="single-banner nth-child-3">
|
||||
<img log="img" src="__STATIC__{$f_image['goods_three']['image']??''}" alt="" />
|
||||
<div class="banner-content nth-child-3">
|
||||
<span class="title">{$f_image['goods_three']['value']??"" | raw }</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Deal Area Start -->
|
||||
<div class="deal-area mt-60px">
|
||||
<div class="deal-inner position-relative">
|
||||
<img log="img" src="__STATIC__{$f_image['goods_four']['image']??''}" alt="" />
|
||||
<div class="deal-wrapper">
|
||||
<p>SETMSPACE</p>
|
||||
<h3 class="title">
|
||||
{$f_image['goods_four']['value']??"" | raw }
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Section Title & Tab End -->
|
||||
<div class="product-bg">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="tab-content mt-60px">
|
||||
<div class="section-title text-center mb-60px">
|
||||
<h2 class="title">新品推荐</h2>
|
||||
</div>
|
||||
<!-- 1st tab start -->
|
||||
<div class="tab-pane fade show active" id="tab-jewelry">
|
||||
<div class="row">
|
||||
{foreach $goods_is_new as $good}
|
||||
<div class="col-lg-4 col-xl-4 col-md-6 col-sm-6 col-xs-6 mb-30px">
|
||||
<!-- Single Prodect -->
|
||||
<div class="product">
|
||||
<div class="thumb">
|
||||
<a log="a" href="{:url('index/goods/detail?id='.$good.id)}" class="image"
|
||||
><img log="img" src="__STATIC__{$good.main_img}" alt="Product"
|
||||
/></a>
|
||||
</div>
|
||||
<div class="content">
|
||||
<h5 class="title"><a log="a" href="{:url('index/goods/detail?id='.$good.id)}">{$good.name}</a></h5>
|
||||
<span>{$good.model_number}</span>
|
||||
</div>
|
||||
<a log="a" href="{:url('index/goods/detail?id='.$good.id)}">
|
||||
<button title="Add To Cart" class="add-to-cart">了解详情</button>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{/foreach}
|
||||
</div>
|
||||
</div>
|
||||
<!-- 1st tab end -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{include file='zh-cn/common/footer'} {include file='zh-cn/common/script' }
|
||||
Reference in New Issue
Block a user