init
This commit is contained in:
45
app/index/view/include/banner.phtml
Executable file
45
app/index/view/include/banner.phtml
Executable file
@@ -0,0 +1,45 @@
|
||||
<!-- 轮播 s -->
|
||||
<?php
|
||||
$bigbanners = getBannerList(91, 6);
|
||||
if ($bigbanners):
|
||||
?>
|
||||
<div class="homebans homebans_p">
|
||||
<div class="hd">
|
||||
<ul class="banner_no">
|
||||
<?php foreach ($bigbanners as $k => $banner): ?>
|
||||
<li id="<?php echo $banner['alt'];?>"><?php echo $k + 1; ?></li>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bd">
|
||||
<ul>
|
||||
<?php foreach ($bigbanners as $banner): ?>
|
||||
<li><a href="<?php echo $banner['url']; ?>" target="_blank"><img src="<?php echo getImage($banner['picture']); ?>" alt="<?php echo $banner['description']; ?>" /></a></li>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
jQuery(".homebans").slide({mainCell: ".bd ul", autoPlay: true, delayTime: 500});
|
||||
</script>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
|
||||
jQuery(".homebans").slide(
|
||||
{mainCell: ".bd ul", autoPlay: true, delayTime: 100}
|
||||
|
||||
);
|
||||
$(function(){
|
||||
function aa() {
|
||||
var color = $(".banner_no li[class='on']").attr('id');
|
||||
$(".header-Index #header").removeClass().addClass(color);
|
||||
//console.log(color);
|
||||
}
|
||||
|
||||
window.setInterval(aa,300);
|
||||
})
|
||||
</script>
|
||||
<?php endif; ?>
|
||||
<!-- 轮播 e -->
|
||||
272
app/index/view/include/banner1.phtml
Executable file
272
app/index/view/include/banner1.phtml
Executable file
@@ -0,0 +1,272 @@
|
||||
<!-- 轮播 s -->
|
||||
<?php
|
||||
$bigbanners = getBannerList(91, 6);
|
||||
if ($bigbanners):
|
||||
?>
|
||||
<div class="Container swiper-boxq">
|
||||
<div class="swiper mySwiperA " id="swiperA">
|
||||
<div class="swiper-wrapper">
|
||||
<?php
|
||||
foreach ($bigbanners as $banner):
|
||||
$style='top';
|
||||
if($banner['style']==3) {
|
||||
$style='right';
|
||||
}
|
||||
elseif($banner['style']==2){
|
||||
$style='left';
|
||||
}
|
||||
elseif($banner['style']==4){
|
||||
$style='bottom';
|
||||
}
|
||||
|
||||
?>
|
||||
<div class="swiper-slide">
|
||||
<div class="bd-text <?php if(!empty($style)) { echo 'bd-text-'.$style; }?>">
|
||||
<?php if($banner['description']): ?>
|
||||
|
||||
<div class="bd-title <?php if(!empty($style)) { echo 'bd-title-'.$style; }?>" style="color:<?php echo $banner['alt']; ?>"><P><?php echo $banner['name']; ?></P></div>
|
||||
<div class="bd-subtitle <?php if(!empty($style)) { echo 'bd-subtitle-'.$style; }?>" style="color:<?php echo $banner['descolor']; ?>"><P><?php echo $banner['description']; ?></P></div>
|
||||
|
||||
<a href="<?php echo $banner['url']; ?>">
|
||||
<div class="bd-button <?php if(!empty($style)) { echo 'bd-button-'.$style; }?>">
|
||||
了解更多</div>
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<a href="<?php echo $banner['url']; ?>" target="_blank"><img src="<?php echo getImage($banner['picture']); ?>"/></a>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
|
||||
<div class="swiper-button-next"></div>
|
||||
<div class="swiper-button-prev"></div>
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<style>
|
||||
.swiper-boxq {
|
||||
width: 100%;
|
||||
/*height: 800px;*/
|
||||
}
|
||||
.swiper-boxq .swiper-slide {
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
/*margin: 0 !important;*/
|
||||
}
|
||||
.mySwiperA{
|
||||
height: auto;
|
||||
}
|
||||
.mySwiperA .swiper-wrapper{
|
||||
width: 100% !important;
|
||||
height: 100%;
|
||||
}
|
||||
.mySwiperA .bd-text {
|
||||
/*position: absolute;*/
|
||||
/* text-align: center;*/
|
||||
/* font-size: 3rem;*/
|
||||
/* top: 10%;*/
|
||||
/*width:35%;*/
|
||||
/*margin-left: 25%;*/
|
||||
color: white;
|
||||
width: 70%;
|
||||
}
|
||||
.mySwiperA .bd-title{
|
||||
font-family:Montserrat !important;
|
||||
text-align: center;
|
||||
font-size: 40px;
|
||||
margin-top: 10px;
|
||||
line-height: 3.875rem;
|
||||
font-weight: 700;
|
||||
max-height: 128px;
|
||||
overflow: hidden;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2; /* 显示两行 */
|
||||
-webkit-box-orient: vertical; /* 文本在垂直方向排列 */
|
||||
}
|
||||
|
||||
.mySwiperA .bd-title p{
|
||||
margin：0；
|
||||
padding: 0;
|
||||
}
|
||||
.mySwiperA .bd-subtitle{
|
||||
font-family: Montserrat !important;
|
||||
text-align: center;
|
||||
font-size: 22px;
|
||||
font-weight: 500;
|
||||
font-weight: lighter;
|
||||
padding-top: 0.5rem;
|
||||
max-height: 60px;
|
||||
overflow: hidden;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2; /* 显示两行 */
|
||||
-webkit-box-orient: vertical; /* 文本在垂直方向排列 */
|
||||
}
|
||||
|
||||
.mySwiperA .bd-subtitle p{
|
||||
margin：0；
|
||||
padding: 0;
|
||||
}
|
||||
.mySwiperA .bd-button{
|
||||
font-family: Montserrat !important;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
margin-left: -60px;
|
||||
width: 124px;
|
||||
height: 40px;
|
||||
border-radius: 26px;
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
font-size: 0.875rem;
|
||||
margin-top: 22px;
|
||||
|
||||
}
|
||||
.mySwiperA .swiper-slide img {
|
||||
transform-origin: center center;
|
||||
background-size: 100% 100%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.mySwiperA .swiper-slide img:hover {
|
||||
transform: none;
|
||||
}
|
||||
.mySwiperA .swiper-button-next {
|
||||
position: absolute !important;
|
||||
color: white;
|
||||
margin-right: 170px;
|
||||
margin-left: 0;
|
||||
margin-top: 0px;
|
||||
}
|
||||
.mySwiperA .swiper-button-prev {
|
||||
position: absolute !important;
|
||||
color: white;
|
||||
margin-left: 170px;
|
||||
margin-top: 0px;
|
||||
}
|
||||
@media screen and (min-width:1939px){
|
||||
.mySwiperA .swiper-button-next {
|
||||
position: absolute !important;
|
||||
color: white;
|
||||
margin-right: 15% !important;
|
||||
margin-left: 0;
|
||||
margin-top: 0px;
|
||||
}
|
||||
.mySwiperA .swiper-button-prev {
|
||||
position: absolute !important;
|
||||
color: white;
|
||||
margin-left: 15% !important;
|
||||
margin-top: 0px;
|
||||
}
|
||||
}
|
||||
.mySwiperA .swiper-pagination {
|
||||
bottom: 5% !important;
|
||||
}
|
||||
.mySwiperA .swiper-pagination .swiper-pagination-bullet {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
color: white;
|
||||
}
|
||||
.mySwiperA .swiper-pagination-bullet-active {
|
||||
width: 24px !important;
|
||||
height: 24px;
|
||||
border-radius: 10px;
|
||||
color: #FFFFFF !important;
|
||||
background-color: #FFFFFF !important;
|
||||
}
|
||||
.fade-in {
|
||||
opacity: 0; /* 首先将元素的不透明度设置为0 */
|
||||
animation-name: fadeIn; /* 将动画命名为fadeIn */
|
||||
animation-duration: 1s; /* 动画持续时间为1s */
|
||||
|
||||
animation-fill-mode: forwards; /* 动画结束后保持最终状态 */
|
||||
transition: all 1s ease;
|
||||
}
|
||||
@keyframes fadeIn {
|
||||
from {opacity: 0.9175;transform: translateY(100px);} /* 从完全透明到不透明 */
|
||||
to {opacity: 1;transform: translateY(0);transition: opacity 2.5s ease-in-out, transform 2.5s ease-in-out;} /* 最终不透明度为1 */
|
||||
}
|
||||
.fade-in2 {
|
||||
opacity: 0; /* 首先将元素的不透明度设置为0 */
|
||||
animation-name: fadeIn2; /* 将动画命名为fadeIn */
|
||||
animation-duration: 0.9s; /* 动画持续时间为1s */
|
||||
animation-fill-mode: forwards; /* 动画结束后保持最终状态 */
|
||||
animation-delay: 0.2s;
|
||||
}
|
||||
@keyframes fadeIn2 {
|
||||
from {opacity: 0;transform: translateY(60px);} /* 从完全透明到不透明 */
|
||||
to {opacity: 1;transform: translateY(0);transition: opacity 2.5s ease-in-out, transform 2.5s ease-in-out;} /* 最终不透明度为1 */
|
||||
|
||||
}
|
||||
.fade-in3 {
|
||||
opacity: 0;
|
||||
/* 首先将元素的不透明度设置为0 */
|
||||
animation-name: fadeIn3;
|
||||
/* 将动画命名为fadeIn */
|
||||
animation-duration: 0.8s;
|
||||
/* 动画持续时间为1s */
|
||||
animation-fill-mode: forwards;
|
||||
/* 动画结束后保持最终状态 */
|
||||
animation-delay: 0.3s;
|
||||
|
||||
}
|
||||
@keyframes fadeIn3 {
|
||||
from {
|
||||
opacity: 0;transform: translateY(60px);
|
||||
}
|
||||
/* 从完全透明到不透明 */
|
||||
to {
|
||||
opacity: 1;transform: translateY(0);transition: opacity 2.5s ease-in-out, transform 2.5s ease-in-out;}
|
||||
}
|
||||
/* 最终不透明度为1 */
|
||||
}
|
||||
</style>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
|
||||
var swiper = new Swiper(".mySwiperA", {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 30,
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 5000,
|
||||
pauseOnMouseEnter:true,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
on: {
|
||||
slideChange: function () {
|
||||
// 获取当前轮播项的文字元素
|
||||
setTimeout(()=>{
|
||||
const currentSlide = this.slides[this.activeIndex];
|
||||
const fadeText = currentSlide.querySelector('.bd-title');
|
||||
const fadeText1 = currentSlide.querySelector('.bd-subtitle');
|
||||
const fadeText2 = currentSlide.querySelector('.bd-button');
|
||||
fadeText.classList.add('fade-in');
|
||||
fadeText1.classList.add('fade-in2');
|
||||
fadeText2.classList.add('fade-in3');
|
||||
// 设置定时器，动画完成后移除.fade-in类，以便下次再次触发动画
|
||||
setTimeout(() => {
|
||||
fadeText.classList.remove('fade-in');
|
||||
fadeText1.classList.remove('fade-in2');
|
||||
fadeText2.classList.remove('fade-in3');
|
||||
}, 1000); // 与动画持续时间一致，确保动画完成后移除类
|
||||
},5)
|
||||
|
||||
|
||||
},
|
||||
},
|
||||
});
|
||||
</script>
|
||||
|
||||
<?php endif; ?>
|
||||
<!-- 轮播 e -->
|
||||
190
app/index/view/include/bottom.phtml
Executable file
190
app/index/view/include/bottom.phtml
Executable file
@@ -0,0 +1,190 @@
|
||||
<!--底部-->
|
||||
<div class="footer_all position-r">
|
||||
<div class="footer weixin_clearfix">
|
||||
<div class="footl">
|
||||
<dl>
|
||||
<dt class="Under-line"><p class="icon-On-line"></p>ORICO商店<span class="icon-arrow font-11 arrow"></span></dt>
|
||||
<dd><a href="https://orico.tmall.com/?spm=a1z10.5-b.1997427721.d4918089.I" target="_blank">天猫官方旗舰店</a></dd>
|
||||
<dd><a href="http://orico-easy-your-pc.jd.com/" target="_blank">京东商城ORICO旗舰店</a></dd>
|
||||
<dd><a href="https://www.newegg.com/Seller-Store/ORICO-Official-Store" target="_blank">美国Newegg</a></dd>
|
||||
<dd><a href="https://www.amazon.com/stores/ORICO/page/CF062F2C-2179-456C-9E3D-90AED05B58BA?ref_=ast_bln" target="_blank">海外Amazon</a></dd>
|
||||
<dd><a href="https://orico.aliexpress.com/store/105327?spm=2114.12010108.pcShopHead_5959929.0" target="_blank">速卖通</a></dd>
|
||||
<dd><a href="https://oricochina.1688.com" target="_blank">国内1688</a></dd>
|
||||
<dd><a href="https://orico.en.alibaba.com/" target="_blank">Alibaba</a></dd>
|
||||
|
||||
</dl>
|
||||
<dl>
|
||||
<dt class="On-line"><p class="icon-Under-line"></p>ORICO线下零售<span class="icon-arrow font-11 arrow"></span></dt>
|
||||
<dd><a href="__ORICOROOT__/index/Group/distributor">经销商网络</a></dd>
|
||||
<!--<dd><a href="">国内渠道</a></dd>
|
||||
<dd><a href="">海外渠道</a></dd>-->
|
||||
|
||||
</dl>
|
||||
<dl>
|
||||
<dt class="support"><p class="icon-support"></p>技术支持<span class="icon-arrow font-11 arrow"></span></dt>
|
||||
<dd><a href="__ORICOROOT__/index/Group/question.html">常见问题解答</a></dd>
|
||||
<dd><a href="__ORICOROOT__/index/Group/report.html">举报</dd></a>
|
||||
<dd><a href="__ORICOROOT__<?php echo url_rewrite('video'); ?>">视频教程</a></dd>
|
||||
<!--<dd><a href="">产品知识库</a></dd>
|
||||
<dd><a href="faq-1222.html">如何成为经销商</a></dd>-->
|
||||
<dd><a href="__ORICOROOT__/index/Group/policy">售后政策</a></dd>
|
||||
<dd><a href="__ORICOROOT__/index/Group/sitemap">站点地图</a></dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt class="media"><p class="icon-media"></p>媒体与社群<span class="icon-arrow font-11 arrow"></span></dt>
|
||||
<dd><a href="tencent://message/?uin=429090372&Site=www.oricogroup.com.cn&Menu=yes" target="_blank">ORICO粉丝群</a></dd>
|
||||
<dd><a href="http://bbs.orico.com.cn" target="_blank">ORICO社区论坛</a></dd>
|
||||
<!--<dd><a href="">ORICO微博</a></dd>
|
||||
<dd><a href="">ORICO微信</a></dd>-->
|
||||
<dd><a href="https://www.facebook.com/ORICOOfficial/" target="_blank">Facebook</a></dd>
|
||||
<dd><a href="https://twitter.com/ORICO_Official" target="_blank">Twitter</a></dd>
|
||||
<dd><a href="https://www.youtube.com/channel/UCi1NX8JcV3mJ1AnqrxhuLHw" target="_blank">Youtube</a></dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt class="join"><p class="icon-join"></p>加入我们<span class="icon-arrow font-11 arrow"></span></dt>
|
||||
<dd><a href="__ORICOROOT__/index/Group/odm">合作加盟</a></dd>
|
||||
<dd><a href="__ORICOROOT__/index/Group/job" >工作机会</a></dd>
|
||||
</dl>
|
||||
|
||||
</div>
|
||||
<div class="footr text-l f-gray">
|
||||
<div class="font-18"><span>与我们联系</span><span><a href="__PUBLIC__/web/images/home/SKMBT_C35319103011170.pdf" target="_blank"><img src="__PUBLIC__/web/images/home/statement.png">郑重声明</span></a></div>
|
||||
<p class="padding-t-8vw">地址：深圳市龙岗区布澜大道中海信科技园总部经济中心14A栋19楼</p>
|
||||
<p>售后与技术支持热线：400-6696-298</p>
|
||||
<p>E-mail：supports@orico.com.cn</p>
|
||||
<?php
|
||||
$erweima = getBannerList(4, 1);
|
||||
if (!empty($erweima[0])):
|
||||
?>
|
||||
<div class="wx_fl img-responsive padding-t-5vw">
|
||||
<ul>
|
||||
<li><img src="__PUBLIC__/web/images/wx.png"></li>
|
||||
</ul>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="swt-Container img-responsive footer_bg position-r">
|
||||
<div style="position: absolute; bottom:0; z-index: 0;"><img src="__PUBLIC__/web/images/home/footer_bg.jpg"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="footer_bottom">
|
||||
<div class="swt-Container">
|
||||
<div class="rha text-c">
|
||||
<a href="#" class="weixin_href">
|
||||
<div class="footr-icon"><span class="icons-weixin"></span></div>
|
||||
<div class="weixin-show"> <img src="__PUBLIC__/web/images/orico_Public.jpg"></div>
|
||||
</a>
|
||||
<a href="http://t.cn/EqgKg8e" target="_blank"><div class="footr-icon"><span class="icons-sina"></span></div></a>
|
||||
|
||||
<a href="https://www.toutiao.com/c/user/4668847676/#mid=4669078381" target="_blank">
|
||||
<div class="footr-icon"><span class="icons-toutiao"></span></div>
|
||||
</a>
|
||||
<a href="#" class="weixin_href">
|
||||
<div class="footr-icon"><span class="icons-douyin"></span></div>
|
||||
<div class="weixin-show"> <img src="__PUBLIC__/web/images/orico_Jitter.jpg"></div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
Copyright©2018-2028 ORICO Technologies Co.,Ltd 版权所有（<a target="_blank" href="https://beian.miit.gov.cn/" class="f-White">粤ICP备15025109号</a>）
|
||||
<p> <a target="_blank" href="https://beian.miit.gov.cn/" class="f-White"><img src=""/>粤公网安备 44030702002297号</p>
|
||||
</div>
|
||||
|
||||
{include file="/include/kefu" /}
|
||||
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
/*头部国家显示*/
|
||||
$( function () {
|
||||
|
||||
var $category = $( ".navlist" );
|
||||
$category.hide();
|
||||
$( ".navul li" ).mouseleave( function () {
|
||||
$( this ).children( "a" ).addClass( "aons" );
|
||||
$( ".nav" ).removeAttr("style");
|
||||
$( ".navlist_c" ).removeAttr("style");
|
||||
$( ".navul" ).find( "a" ).removeClass("menu_a");
|
||||
$( this ).find("span").removeClass("arrow-down");
|
||||
$(".all-logo").show();
|
||||
$(".all-logo-black").hide();
|
||||
//$( this ).children( "dl" ).stop( true, true ).slideUp( 500 );
|
||||
$( this ).children( "dl" ).stop().slideUp( 500 );
|
||||
|
||||
} );
|
||||
$( ".navul li" ).mouseenter( function () {
|
||||
$category.hide();
|
||||
$( ".nav" ).css("background-color", "#FFFFFF");
|
||||
$( ".navul" ).find( "a" ).addClass("menu_a");
|
||||
$(this).find("span").addClass("arrow-down");
|
||||
$(".all-logo").hide();
|
||||
$(".all-logo-black").show();
|
||||
//$( this ).children( "dl" ).stop( true, true ).slideDown( 500 );
|
||||
$( this ).children( "dl" ).stop().slideDown( 500 );
|
||||
} );
|
||||
//搜索框
|
||||
$( ".top-R span" ).click( function () {
|
||||
$( ".search" ).slideToggle();
|
||||
} );
|
||||
// 城市
|
||||
$( ".zg" ).click( function () {
|
||||
$( ".topnav" ).slideToggle(500)
|
||||
} );
|
||||
|
||||
$(".icon-close").click(function(){
|
||||
$( ".topnav" ).slideUp(500);
|
||||
})
|
||||
|
||||
} );
|
||||
|
||||
|
||||
/*底部菜单弹出*/
|
||||
var body_width = $(window).width();
|
||||
if(body_width < 767){
|
||||
$(function(){
|
||||
$(".footl dt").click(function(){
|
||||
$(this).nextAll().toggle(500);
|
||||
$(this).children("span").toggleClass( "arrow-r" )
|
||||
}).mouseout(function(){
|
||||
$(".bottom_cn_box").hide();
|
||||
});
|
||||
})
|
||||
}
|
||||
|
||||
/*新导航*/
|
||||
$(function(){
|
||||
$(".ca_lists").mouseover(function(){
|
||||
$(this).addClass('on').siblings().removeClass('on');
|
||||
$(this).siblings().children('div').hide();
|
||||
$(this).children('div').show();
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-150174716-1"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag(){dataLayer.push(arguments);}
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'UA-150174716-1');
|
||||
</script>
|
||||
<!-- End Google Tag Manager -->
|
||||
|
||||
<script>
|
||||
var _hmt = _hmt || [];
|
||||
(function() {
|
||||
var hm = document.createElement("script");
|
||||
hm.src = "https://hm.baidu.com/hm.js?a12ef141a7976849befa6827644ce097";
|
||||
var s = document.getElementsByTagName("script")[0];
|
||||
s.parentNode.insertBefore(hm, s);
|
||||
})();
|
||||
</script>
|
||||
<!-- Google Tag Manager (noscript) -->
|
||||
|
||||
192
app/index/view/include/bottom20220401.phtml
Executable file
192
app/index/view/include/bottom20220401.phtml
Executable file
@@ -0,0 +1,192 @@
|
||||
<!--底部-->
|
||||
<div class="footer_all position-r">
|
||||
<div class="footer weixin_clearfix">
|
||||
<div class="footl">
|
||||
<dl>
|
||||
<dt class="Under-line"><p class="icon-On-line"></p>ORICO商店<span class="icon-arrow font-11 arrow"></span></dt>
|
||||
<dd><a href="https://orico.tmall.com/?spm=a1z10.5-b.1997427721.d4918089.I" target="_blank">天猫官方旗舰店</a></dd>
|
||||
<dd><a href="http://orico-easy-your-pc.jd.com/" target="_blank">京东商城ORICO旗舰店</a></dd>
|
||||
<dd><a href="https://www.newegg.com/ORICO-TECHNOLOGIES-CO-LTD" target="_blank">美国Newegg</a></dd>
|
||||
<dd><a href="https://www.amazon.com/sp?_encoding=UTF8&asin=&isAmazonFulfilled=&isCBA=&marketplaceID=ATVPDKIKX0DER&orderID=&seller=A2S4EXOOJ8Z82D&tab=&vasStoreID=" target="_blank">海外Amazon</a></dd>
|
||||
<dd><a href="https://orico.aliexpress.com/store/105327?spm=2114.12010108.pcShopHead_5959929.0" target="_blank">速卖通</a></dd>
|
||||
<dd><a href="https://oricochina.1688.com" target="_blank">国内1688</a></dd>
|
||||
<dd><a href="https://orico.en.alibaba.com/" target="_blank">Alibaba</a></dd>
|
||||
|
||||
</dl>
|
||||
<dl>
|
||||
<dt class="On-line"><p class="icon-Under-line"></p>ORICO线下零售<span class="icon-arrow font-11 arrow"></span></dt>
|
||||
<dd><a href="__ORICOROOT__/index/Group/distributor">经销商网络</a></dd>
|
||||
<!--<dd><a href="">国内渠道</a></dd>
|
||||
<dd><a href="">海外渠道</a></dd>-->
|
||||
|
||||
</dl>
|
||||
<dl>
|
||||
<dt class="support"><p class="icon-support"></p>技术支持<span class="icon-arrow font-11 arrow"></span></dt>
|
||||
<dd><a href="__ORICOROOT__/index/Group/question.html">常见问题解答</a></dd>
|
||||
<dd><a href="__ORICOROOT__/index/Group/report.html">举报</dd></a>
|
||||
<dd><a href="__ORICOROOT__<?php echo url_rewrite('video'); ?>">视频教程</a></dd>
|
||||
<!--<dd><a href="">产品知识库</a></dd>
|
||||
<dd><a href="faq-1222.html">如何成为经销商</a></dd>-->
|
||||
<dd><a href="__ORICOROOT__/index/Group/policy">售后政策</a></dd>
|
||||
<dd><a href="__ORICOROOT__/index/Group/sitemap">站点地图</a></dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt class="media"><p class="icon-media"></p>媒体与社群<span class="icon-arrow font-11 arrow"></span></dt>
|
||||
<dd><a href="tencent://message/?uin=429090372&Site=www.oricogroup.com.cn&Menu=yes" target="_blank">ORICO粉丝群</a></dd>
|
||||
<dd><a href="http://bbs.orico.com.cn" target="_blank">ORICO社区论坛</a></dd>
|
||||
<!--<dd><a href="">ORICO微博</a></dd>
|
||||
<dd><a href="">ORICO微信</a></dd>-->
|
||||
<dd><a href="https://www.facebook.com/ORICOOfficial/" target="_blank">Facebook</a></dd>
|
||||
<dd><a href="https://twitter.com/ORICO_Official" target="_blank">Twitter</a></dd>
|
||||
<dd><a href="https://www.youtube.com/channel/UCi1NX8JcV3mJ1AnqrxhuLHw" target="_blank">Youtube</a></dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt class="join"><p class="icon-join"></p>加入我们<span class="icon-arrow font-11 arrow"></span></dt>
|
||||
<dd><a href="__ORICOROOT__/index/Group/odm">合作加盟</a></dd>
|
||||
<dd><a href="__ORICOROOT__/index/Group/job" >工作机会</a></dd>
|
||||
</dl>
|
||||
|
||||
</div>
|
||||
<div class="footr text-l f-gray">
|
||||
<div class="font-18"><span>与我们联系</span><span><a href="__PUBLIC__/web/images/home/SKMBT_C35319103011170.pdf" target="_blank"><img src="__PUBLIC__/web/images/home/statement.png">郑重声明</span></a></div>
|
||||
<p class="padding-t-8vw">地址：深圳市龙岗区布澜大道中海信科技园总部经济中心14A栋19楼</p>
|
||||
<p>售后与技术支持热线：400-6696-298</p>
|
||||
<p>E-mail：supports@orico.com.cn</p>
|
||||
<?php
|
||||
$erweima = getBannerList(4, 1);
|
||||
if (!empty($erweima[0])):
|
||||
?>
|
||||
<div class="wx_fl img-responsive padding-t-5vw">
|
||||
<ul>
|
||||
<li><img src="__PUBLIC__/web/images/wx.png"></li>
|
||||
</ul>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="swt-Container img-responsive footer_bg position-r">
|
||||
<div style="position: absolute; bottom:0; z-index: 0;"><img src="__PUBLIC__/web/images/home/footer_bg.jpg"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="footer_bottom">
|
||||
<div class="swt-Container">
|
||||
<div class="rha text-c">
|
||||
<a href="#" class="weixin_href">
|
||||
<div class="footr-icon"><span class="icons-weixin"></span></div>
|
||||
<div class="weixin-show"> <img src="__PUBLIC__/web/images/orico_Public.jpg"></div>
|
||||
</a>
|
||||
<a href="http://t.cn/EqgKg8e" target="_blank"><div class="footr-icon"><span class="icons-sina"></span></div></a>
|
||||
|
||||
<a href="https://www.toutiao.com/c/user/4668847676/#mid=4669078381" target="_blank">
|
||||
<div class="footr-icon"><span class="icons-toutiao"></span></div>
|
||||
</a>
|
||||
<a href="#" class="weixin_href">
|
||||
<div class="footr-icon"><span class="icons-douyin"></span></div>
|
||||
<div class="weixin-show"> <img src="__PUBLIC__/web/images/orico_Jitter.jpg"></div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
Copyright©2018-2028 ORICO Technologies Co.,Ltd 版权所有（<a target="_blank" href="https://beian.miit.gov.cn/" class="f-White">粤ICP备15025109号</a>）
|
||||
<p> <a target="_blank" href="https://beian.miit.gov.cn/" class="f-White"><img src=""/>粤公网安备 44030702002297号</p>
|
||||
</div>
|
||||
|
||||
{include file="/include/kefu" /}
|
||||
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
/*头部国家显示*/
|
||||
$( function () {
|
||||
|
||||
var $category = $( ".navlist" );
|
||||
$category.hide();
|
||||
$( ".navul li" ).mouseleave( function () {
|
||||
$( this ).children( "a" ).addClass( "aons" );
|
||||
$( ".nav" ).removeAttr("style");
|
||||
$( ".navlist_c" ).removeAttr("style");
|
||||
$( ".navul" ).find( "a" ).removeClass("menu_a");
|
||||
$( this ).find("span").removeClass("arrow-down");
|
||||
$(".all-logo").show();
|
||||
$(".all-logo-black").hide();
|
||||
//$( this ).children( "dl" ).stop( true, true ).slideUp( 500 );
|
||||
$( this ).children( "dl" ).stop().slideUp( 500 );
|
||||
|
||||
} );
|
||||
$( ".navul li" ).mouseenter( function () {
|
||||
$category.hide();
|
||||
$( ".nav" ).css("background-color", "#FFFFFF");
|
||||
$( ".navul" ).find( "a" ).addClass("menu_a");
|
||||
$(this).find("span").addClass("arrow-down");
|
||||
$(".all-logo").hide();
|
||||
$(".all-logo-black").show();
|
||||
//$( this ).children( "dl" ).stop( true, true ).slideDown( 500 );
|
||||
$( this ).children( "dl" ).stop().slideDown( 500 );
|
||||
} );
|
||||
//搜索框
|
||||
$( ".top-R span" ).click( function () {
|
||||
$( ".search" ).slideToggle();
|
||||
} );
|
||||
// 城市
|
||||
$( ".zg" ).click( function () {
|
||||
$( ".topnav" ).slideToggle(500)
|
||||
} );
|
||||
|
||||
$(".icon-close").click(function(){
|
||||
$( ".topnav" ).slideUp(500);
|
||||
})
|
||||
|
||||
} );
|
||||
|
||||
|
||||
/*底部菜单弹出*/
|
||||
var body_width = $(window).width();
|
||||
if(body_width < 767){
|
||||
$(function(){
|
||||
$(".footl dt").click(function(){
|
||||
$(this).nextAll().toggle(500);
|
||||
$(this).children("span").toggleClass( "arrow-r" )
|
||||
}).mouseout(function(){
|
||||
$(".bottom_cn_box").hide();
|
||||
});
|
||||
})
|
||||
}
|
||||
|
||||
/*新导航*/
|
||||
$(function(){
|
||||
$(".ca_lists").mouseover(function(){
|
||||
$(this).addClass('on').siblings().removeClass('on');
|
||||
$(this).siblings().children('div').hide();
|
||||
$(this).children('div').show();
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-150174716-1"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag(){dataLayer.push(arguments);}
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'UA-150174716-1');
|
||||
</script>
|
||||
<!-- End Google Tag Manager -->
|
||||
|
||||
<script>
|
||||
var _hmt = _hmt || [];
|
||||
(function() {
|
||||
var hm = document.createElement("script");
|
||||
hm.src = "https://hm.baidu.com/hm.js?a12ef141a7976849befa6827644ce097";
|
||||
var s = document.getElementsByTagName("script")[0];
|
||||
s.parentNode.insertBefore(hm, s);
|
||||
})();
|
||||
</script>
|
||||
<!-- Google Tag Manager (noscript) -->
|
||||
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-55H3CV5"
|
||||
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
|
||||
<!-- End Google Tag Manager (noscript) -->
|
||||
284
app/index/view/include/bottom2023.phtml
Executable file
284
app/index/view/include/bottom2023.phtml
Executable file
@@ -0,0 +1,284 @@
|
||||
|
||||
<?php
|
||||
$contentList = getBannerList(76, 4);
|
||||
if ($contentList):
|
||||
?>
|
||||
<div class="swt-Container Container8">
|
||||
<?php foreach ($contentList as $kn => $content): ?>
|
||||
<div class="col1">
|
||||
<img src="<?php echo $content['picture']; ?>">
|
||||
<div class="titlea"><?php echo $content['name']; ?></div>
|
||||
<div class="subtitlea"><?php echo $content['description']; ?></div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
|
||||
<section class="footer_layer">
|
||||
|
||||
<!--<div class="Subscribe_subScribe_content__XD_Or content">-->
|
||||
<!-- <div class="swt-Container overflow-f" style="justify-content: space-between;display: flex;">-->
|
||||
|
||||
|
||||
<!-- <div class="md_layer_grid">-->
|
||||
<!-- <div class="Subscribe_subScribe_content_btnBox_grid__Wn4Dw">-->
|
||||
<!-- <div class="Subscribe_title_grid__40Kts">-->
|
||||
<!-- <span class="Subscribe_subScribe_content_subTitle__YCWpe">Sign up for news,updates & 10% off your first order</span>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <div class="Subscribe_subScribe_content_btnBox__oSxDj">-->
|
||||
<!-- <form method="post" action="/contact#footer-newsletter" id="footer-newsletter" accept-charset="UTF-8" class="footer__newsletter-form form">-->
|
||||
<!-- <input type="hidden" name="form_type" value="customer">-->
|
||||
<!-- <input type="hidden" name="utf8" value="✓">-->
|
||||
<!-- <input type="hidden" name="contact[tags]" value="newsletter">-->
|
||||
|
||||
<!--</form>-->
|
||||
<!--<div class="form-control" style="width: 100%;">-->
|
||||
<!-- <input id="input-sections--19206105334060__footer--contactemail" class="input is-floating" type="email" dir="ltr" name="contact[email]" placeholder="E-mail" autocomplete="email" enterkeyhint="send" required="">-->
|
||||
<!-- <label for="input-sections--19206105334060__footer--contactemail" class="floating-label">E-mail</label>-->
|
||||
<!-- <div class="self-submit-button">-->
|
||||
<!-- <button type="submit" class="circle-chevron hover:colors">-->
|
||||
<!-- <span class="sr-only">Subscribe</span>-->
|
||||
<!-- <svg role="presentation" focusable="false" width="5" height="8" class="icon icon-chevron-right-small reverse-icon" viewBox="0 0 5 8">-->
|
||||
<!-- <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path>-->
|
||||
<!-- </svg>-->
|
||||
<!-- </button>-->
|
||||
<!-- </div>-->
|
||||
<!--</div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- </div> -->
|
||||
<!--</div> -->
|
||||
|
||||
<footer id="shopify-section-sections--19206105334060__footer" class="shopify-section shopify-section-group-footer-group shopify-section--footer">
|
||||
<style>
|
||||
@media screen and (min-width: 1000px) {
|
||||
#shopify-section-sections--19206105334060__footer {--footer-block-list-gap: var(--spacing-10);--footer-block-list-justify-content: space-between;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<div class="footer">
|
||||
<a href="?ref=footer" class="Footer_anker_icon__arGut" rel="noopener noreferrer">
|
||||
<img class="Footer_icon_orico" src="__PUBLIC__/weben/images/indeximg/logo11.png" style="height:50px;">
|
||||
</a>
|
||||
<div class="container">
|
||||
|
||||
|
||||
<div class="footer__wrapper">
|
||||
<div class="footer__block-list empty:hidden">
|
||||
<!--div class="footer__block footer__block--text">
|
||||
|
||||
</div-->
|
||||
<?php if ($productCategory): ?>
|
||||
<div class="footer__block footer__block--menu">
|
||||
<p class="bold">产品</p>
|
||||
<ul class="v-stack gap-3" role="list">
|
||||
<?php foreach ($productCategory as $k => $pc): if ($k > 8) break; ?>
|
||||
<li>
|
||||
<a href="__ORICOROOT__<?php echo url_rewrite('product', ['id' => $pc['id']]); ?>" class="inline-block link-faded break-all"><?php echo $pc['name']; ?></a>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ($nav_footer): ?>
|
||||
<?php foreach ($nav_footer as $kf => $footer):
|
||||
if($kf < 3):
|
||||
?>
|
||||
<div class="footer__block footer__block--menu">
|
||||
<p class="bold"><?php echo $footer['name']; ?></p>
|
||||
<?php if ($footer['items']): ?>
|
||||
<ul class="v-stack gap-3" role="list">
|
||||
<?php foreach ($footer['items'] as $ki => $itm):
|
||||
if(strpos($itm['url'], 'http://') !== false || strpos($itm['url'], 'https://') !== false || strpos($itm['url'], 'tencent://') !== false ){
|
||||
$link = $itm['url'];
|
||||
}
|
||||
else{
|
||||
$link = '__ORICOROOT__/'.$itm['url'];
|
||||
}
|
||||
?>
|
||||
<li>
|
||||
<a href="<?php echo $link; ?>" <?php if($itm['is_new_window_open']){echo "target='_blank'";} ?> class="inline-block link-faded break-all"><?php echo $itm['name']; ?></a>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
|
||||
</ul>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
|
||||
|
||||
<div class="footer__block footer__block--menu">
|
||||
<p class="bold">联系方式</p>
|
||||
<ul class="v-stack gap-3" role="list">
|
||||
<!-- <li>
|
||||
<span class="inline-block link-faded break-all">邮箱:<?php echo $website_email;?></span>
|
||||
</li> -->
|
||||
<!--<li>-->
|
||||
<!-- <span class="inline-block link-faded break-all">业务 : wholesale@oricotechs.com</span>-->
|
||||
<!--</li>-->
|
||||
<li>
|
||||
<span class="inline-block link-faded break-all">周一至周五:东部时间 9:00 - 18:00</span>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<span class="inline-block link-faded break-all">售后与技术支持热线:400-6696-298</span>
|
||||
</li>
|
||||
|
||||
|
||||
<?php
|
||||
$erweima = getBannerList(4, 1);
|
||||
if (!empty($erweima[0])):
|
||||
?>
|
||||
|
||||
<li><img src="__PUBLIC__/web/images/wx.png"></li>
|
||||
|
||||
<?php endif; ?>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="footer__aside empty:hidden">
|
||||
|
||||
<div class="footer__aside-top">
|
||||
<ul class="social-media " role="list" style="margin-bottom:10px;">
|
||||
<li>
|
||||
<a href="https://www.zhihu.com/org/orico-20" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Facebook">
|
||||
<img class="social-media_icon" src="__PUBLIC__/m_weben/images/ICON/icon-4-01.png" style="height:30px;width:30px;">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.xiaohongshu.com/user/profile/60d2aa8400000000010024cd" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Twitter">
|
||||
<img class="social-media_icon" src="__PUBLIC__/m_weben/images/ICON/icon-4-02.png" style="height:30px;width:30px;">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://weibo.com/u/3158162522" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Instagram">
|
||||
<img class="social-media_icon" src="__PUBLIC__/m_weben/images/ICON/icon-4-03.png" style="height:30px;width:30px;">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.douyin.com/user/MS4wLjABAAAAT4hVhUw7uVC9ycShttGS03aOp25N84EkYFeaAMCMu88?relation=0&vid=7245210646156053819" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on YouTube">
|
||||
<img class="social-media_icon" src="__PUBLIC__/m_weben/images/ICON/icon-4-04.png" style="height:30px;width:30px;">
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="copyright">Copyright©2018-2028 ORICO Technologies Co.,Ltd 版权所有（<a target="_blank" href="https://beian.miit.gov.cn/" class="f-White">粤ICP备15025109号</a>）
|
||||
<p> <a target="_blank" href="https://beian.miit.gov.cn/" class="f-White"><img src="">粤公网安备 44030702002297号</a></p><a target="_blank" href="https://beian.miit.gov.cn/" class="f-White">
|
||||
</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
</section>
|
||||
|
||||
|
||||
{include file="/include/kefu" /}
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
var RequestUrl = {
|
||||
track: "/api/TrackProducer/records", //行为跟踪
|
||||
exit_page: '/api/TrackProducer/etime', //离开时间
|
||||
};
|
||||
|
||||
var stime = new Date();
|
||||
var uuid = "<?php echo $uuid;?>";
|
||||
|
||||
//页面跳转之前执行事情 onbeforeunload, 页面隐藏时候执行事情 onpagehide
|
||||
window.onbeforeunload = function() {
|
||||
var etime = new Date();
|
||||
var ms = (etime.getTime() / 1000) - (stime.getTime() / 1000);
|
||||
var img = new Image();
|
||||
img.src = RequestUrl.exit_page + '?uuid=' + uuid + '&dt=' + ms;
|
||||
}
|
||||
|
||||
|
||||
|
||||
function handleGlobalEvent(event) {
|
||||
const eventType = event.type; // 获取事件类型，例如 "click", "copy" 等
|
||||
const target = event.target; // 获取触发事件的元素
|
||||
let actionType = "";
|
||||
|
||||
const elementType = target.tagName; // 获取元素的标签名，例如 "BUTTON", "DIV" 等
|
||||
const elementId = target.id; // 获取元素的 ID 属性
|
||||
const elementText = target.innerText; // 获取元素的文本内容
|
||||
|
||||
// 执行埋点操作，例如发送数据到埋点服务
|
||||
trackEvent(actionType, eventType, target, elementText);
|
||||
}
|
||||
|
||||
function trackEvent(actionType, eventType, target,elementText) {
|
||||
// 在这里实现埋点逻辑，例如发送请求到服务器，或者调用埋点代码
|
||||
//console.log(`埋点：动作类型 - ` + actionType + `，事件类型 - ` + eventType);
|
||||
//console.log("触发元素:", target);
|
||||
var userAgent = navigator.userAgent;
|
||||
var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent);
|
||||
var isTablet = /iPad|Android/i.test(userAgent);
|
||||
var isDesktop = !isMobile && !isTablet;
|
||||
var isDerive = "";
|
||||
var forum = "<?php echo $controller;?>";
|
||||
|
||||
if (isMobile) {
|
||||
// 手机设备逻辑
|
||||
isDerive = "H5";
|
||||
} else if (isTablet) {
|
||||
// 平板设备逻辑
|
||||
isDerive = "Tablet";
|
||||
} else {
|
||||
// 桌面设备逻辑
|
||||
isDerive = "PC";
|
||||
}
|
||||
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: RequestUrl.track,
|
||||
data: {
|
||||
//ip: getip(),
|
||||
'url': window.location.href,
|
||||
'refer': document.referrer,
|
||||
'user_agent': userAgent,
|
||||
'content': elementText,
|
||||
'drive': isDerive,
|
||||
'forum': forum,
|
||||
'event_type': eventType
|
||||
},
|
||||
dataType: "json",
|
||||
success: function (data, status, xhr) {
|
||||
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
document.addEventListener("click", handleGlobalEvent);
|
||||
document.addEventListener("copy", handleGlobalEvent);
|
||||
|
||||
</script>
|
||||
<style>
|
||||
@media screen and (min-width: 700px){
|
||||
.footer {
|
||||
--footer-padding-block: var(--spacing-16);
|
||||
--footer-part-gap: var(--spacing-16);
|
||||
--footer-block-list-gap: var(--spacing-10) var(--spacing-24);
|
||||
--footer-block-gap: var(--spacing-6);
|
||||
--footer-aside-gap: var(--spacing-12);
|
||||
padding-bottom: 2.5rem !important;
|
||||
padding-top: 2.25rem;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
54
app/index/view/include/catbanner.phtml
Executable file
54
app/index/view/include/catbanner.phtml
Executable file
@@ -0,0 +1,54 @@
|
||||
<!-- 轮播 s -->
|
||||
<?php
|
||||
if (isset($last_cate) && $last_cate)
|
||||
{
|
||||
$banners = getBannerList(5, 1, [['exp', \think\Db::raw('FIND_IN_SET(\'' . $category['pid'] . '\',`categoryid`)')]]);
|
||||
}
|
||||
else
|
||||
{
|
||||
$banners = getBannerList(5, 1, [['exp', \think\Db::raw('FIND_IN_SET(\'' . $category['id'] . '\',`categoryid`)')]]);
|
||||
}
|
||||
|
||||
if (empty($banners)) {
|
||||
$banners = getBannerList(2, 1);
|
||||
}
|
||||
|
||||
if ($banners):
|
||||
?>
|
||||
<div class="homeban homebans_p">
|
||||
<div class="hd">
|
||||
<ul >
|
||||
<?php /*foreach ($banners as $k => $banner): ?>
|
||||
<li id="<?php echo $banner['alt'];?>"><?php echo $k + 1; ?></li>
|
||||
<?php endforeach;*/?>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bd">
|
||||
<ul class="banner_no">
|
||||
<?php foreach ($banners as $banner): ?>
|
||||
<li id="<?php echo $banner['alt'];?>"><a href="<?php echo $banner['url']; ?>"><img src="<?php echo getImage($banner['picture']); ?>"></a></li>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
jQuery(".homeban").slide({mainCell: ".bd ul", autoPlay: true, delayTime: 3000});
|
||||
</script>
|
||||
<script type="text/javascript">
|
||||
jQuery(".homeban").slide(
|
||||
{mainCell: ".bd ul", autoPlay: true, delayTime: 100}
|
||||
|
||||
);
|
||||
$(function(){
|
||||
function aa() {
|
||||
var color = $(".banner_no li").attr('id');
|
||||
|
||||
$(".header-Index #header").removeClass().addClass(color);
|
||||
//console.log(color);
|
||||
}
|
||||
|
||||
window.setInterval(aa,300);
|
||||
})
|
||||
</script>
|
||||
<?php endif; ?>
|
||||
<!-- 轮播 e -->
|
||||
286
app/index/view/include/footer.phtml
Executable file
286
app/index/view/include/footer.phtml
Executable file
@@ -0,0 +1,286 @@
|
||||
|
||||
<?php
|
||||
$contentList = getBannerList(76, 4);
|
||||
if ($contentList):
|
||||
?>
|
||||
<div class="swt-Container Container8">
|
||||
<?php foreach ($contentList as $kn => $content): ?>
|
||||
<div class="col1">
|
||||
<img src="<?php echo $content['picture']; ?>">
|
||||
<div class="titlea"><?php echo $content['name']; ?></div>
|
||||
<div class="subtitlea"><?php echo $content['description']; ?></div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
|
||||
<section class="footer_layer">
|
||||
|
||||
<!--<div class="Subscribe_subScribe_content__XD_Or content">-->
|
||||
<!-- <div class="swt-Container overflow-f" style="justify-content: space-between;display: flex;">-->
|
||||
|
||||
|
||||
<!-- <div class="md_layer_grid">-->
|
||||
<!-- <div class="Subscribe_subScribe_content_btnBox_grid__Wn4Dw">-->
|
||||
<!-- <div class="Subscribe_title_grid__40Kts">-->
|
||||
<!-- <span class="Subscribe_subScribe_content_subTitle__YCWpe">Sign up for news,updates & 10% off your first order</span>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <div class="Subscribe_subScribe_content_btnBox__oSxDj">-->
|
||||
<!-- <form method="post" action="/contact#footer-newsletter" id="footer-newsletter" accept-charset="UTF-8" class="footer__newsletter-form form">-->
|
||||
<!-- <input type="hidden" name="form_type" value="customer">-->
|
||||
<!-- <input type="hidden" name="utf8" value="✓">-->
|
||||
<!-- <input type="hidden" name="contact[tags]" value="newsletter">-->
|
||||
|
||||
<!--</form>-->
|
||||
<!--<div class="form-control" style="width: 100%;">-->
|
||||
<!-- <input id="input-sections--19206105334060__footer--contactemail" class="input is-floating" type="email" dir="ltr" name="contact[email]" placeholder="E-mail" autocomplete="email" enterkeyhint="send" required="">-->
|
||||
<!-- <label for="input-sections--19206105334060__footer--contactemail" class="floating-label">E-mail</label>-->
|
||||
<!-- <div class="self-submit-button">-->
|
||||
<!-- <button type="submit" class="circle-chevron hover:colors">-->
|
||||
<!-- <span class="sr-only">Subscribe</span>-->
|
||||
<!-- <svg role="presentation" focusable="false" width="5" height="8" class="icon icon-chevron-right-small reverse-icon" viewBox="0 0 5 8">-->
|
||||
<!-- <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path>-->
|
||||
<!-- </svg>-->
|
||||
<!-- </button>-->
|
||||
<!-- </div>-->
|
||||
<!--</div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- </div> -->
|
||||
<!--</div> -->
|
||||
|
||||
<footer id="shopify-section-sections--19206105334060__footer" class="shopify-section shopify-section-group-footer-group shopify-section--footer">
|
||||
<style>
|
||||
@media screen and (min-width: 1000px) {
|
||||
#shopify-section-sections--19206105334060__footer {--footer-block-list-gap: var(--spacing-10);--footer-block-list-justify-content: space-between;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<div class="footer">
|
||||
<a href="?ref=footer" class="Footer_anker_icon__arGut" rel="noopener noreferrer">
|
||||
<img class="Footer_icon_orico" src="__PUBLIC__/weben/images/indeximg/logo11.png" style="height:50px;">
|
||||
</a>
|
||||
<div class="container">
|
||||
|
||||
|
||||
<div class="footer__wrapper">
|
||||
<div class="footer__block-list empty:hidden">
|
||||
<!--div class="footer__block footer__block--text">
|
||||
|
||||
</div-->
|
||||
<?php if ($productCategory): ?>
|
||||
<div class="footer__block footer__block--menu">
|
||||
<p class="bold">产品</p>
|
||||
<ul class="v-stack gap-3" role="list">
|
||||
<?php foreach ($productCategory as $k => $pc): if ($k > 8) break; ?>
|
||||
<li>
|
||||
<a href="__ORICOROOT__<?php echo url_rewrite('product', ['id' => $pc['id']]); ?>" class="inline-block link-faded break-all"><?php echo $pc['name']; ?></a>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ($nav_footer): ?>
|
||||
<?php foreach ($nav_footer as $kf => $footer): ?>
|
||||
<div class="footer__block footer__block--menu">
|
||||
<p class="bold"><?php echo $footer['name']; ?></p>
|
||||
<?php if ($footer['items']): ?>
|
||||
<ul class="v-stack gap-3" role="list">
|
||||
<?php foreach ($footer['items'] as $ki => $itm):
|
||||
if(strpos($itm['url'], 'http://') !== false || strpos($itm['url'], 'https://') !== false) {
|
||||
$link = $itm['url'];
|
||||
}
|
||||
else{
|
||||
$link = '__ORICOROOT__/'.$itm['url'];
|
||||
}
|
||||
?>
|
||||
<li>
|
||||
<?php if ($child['data_type']=='custom'): ?>
|
||||
<a href="<?php echo $link; ?>" target="_blank" class="inline-block link-faded break-all"><?php echo $itm['name']; ?></a>
|
||||
<?php
|
||||
else:
|
||||
|
||||
?>
|
||||
<a href="<?php echo $link; ?>" class="inline-block link-faded break-all"><?php echo $itm['name']; ?></a>
|
||||
<?php endif; ?>
|
||||
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
|
||||
</ul>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="footer__block footer__block--menu">
|
||||
<p class="bold">联系方式</p>
|
||||
<ul class="v-stack gap-3" role="list">
|
||||
<li>
|
||||
<span class="inline-block link-faded break-all">邮箱 : <?php echo $website_email;?></span>
|
||||
</li>
|
||||
<li>
|
||||
<span class="inline-block link-faded break-all">售后与技术支持: <?php echo $website_phone;?></span>
|
||||
</li> <!--<li>-->
|
||||
<!-- <span class="inline-block link-faded break-all">业务 : wholesale@oricotechs.com</span>-->
|
||||
<!--</li>-->
|
||||
<li>
|
||||
<span class="inline-block link-faded break-all">周一至周五:北京时间 9:00 - 18:00</span>
|
||||
</li>
|
||||
<li>
|
||||
|
||||
<?php
|
||||
$erweima = getBannerList(4, 1);
|
||||
if (!empty($erweima[0])):
|
||||
?>
|
||||
<div class="wx_fl img-responsive padding-t-5vw">
|
||||
<ul>
|
||||
<li><img src="__PUBLIC__/web/images/wx.png"></li>
|
||||
</ul>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="footer__aside empty:hidden">
|
||||
|
||||
<div class="footer__aside-top">
|
||||
<ul class="social-media " role="list" style="margin-bottom:10px;">
|
||||
<li>
|
||||
<a href="https://www.zhihu.com/org/orico-20" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Facebook">
|
||||
<img class="social-media_icon" src="__PUBLIC__/m_weben/images/ICON/icon-4-01.png" style="height:30px;width:30px;">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.xiaohongshu.com/user/profile/60d2aa8400000000010024cd" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Twitter">
|
||||
<img class="social-media_icon" src="__PUBLIC__/m_weben/images/ICON/icon-4-02.png" style="height:30px;width:30px;">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://weibo.com/u/3158162522" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Instagram">
|
||||
<img class="social-media_icon" src="__PUBLIC__/m_weben/images/ICON/icon-4-03.png" style="height:30px;width:30px;">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.douyin.com/user/MS4wLjABAAAAT4hVhUw7uVC9ycShttGS03aOp25N84EkYFeaAMCMu88?relation=0&vid=7245210646156053819" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on YouTube">
|
||||
<img class="social-media_icon" src="__PUBLIC__/m_weben/images/ICON/icon-4-04.png" style="height:30px;width:30px;">
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="copyright">Copyright©2018-2028 ORICO Technologies Co.,Ltd 版权所有（<a target="_blank" href="https://beian.miit.gov.cn/" class="f-White">粤ICP备15025109号</a>）
|
||||
<p> <a target="_blank" href="https://beian.miit.gov.cn/" class="f-White"><img src="">粤公网安备 44030702002297号</a></p><a target="_blank" href="https://beian.miit.gov.cn/" class="f-White">
|
||||
</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
</section>
|
||||
|
||||
|
||||
{include file="/include/kefu" /}
|
||||
<script>
|
||||
|
||||
var RequestUrl = {
|
||||
track: "/api/TrackProducer/records", //行为跟踪
|
||||
exit_page: '/api/TrackProducer/etime', //离开时间
|
||||
};
|
||||
|
||||
var stime = new Date();
|
||||
var uuid = "<?php echo $uuid;?>";
|
||||
|
||||
//页面跳转之前执行事情 onbeforeunload, 页面隐藏时候执行事情 onpagehide
|
||||
window.onbeforeunload = function() {
|
||||
var etime = new Date();
|
||||
var ms = (etime.getTime() / 1000) - (stime.getTime() / 1000);
|
||||
var img = new Image();
|
||||
img.src = RequestUrl.exit_page + '?uuid=' + uuid + '&dt=' + ms;
|
||||
}
|
||||
|
||||
|
||||
|
||||
function handleGlobalEvent(event) {
|
||||
const eventType = event.type; // 获取事件类型，例如 "click", "copy" 等
|
||||
const target = event.target; // 获取触发事件的元素
|
||||
let actionType = "";
|
||||
|
||||
const elementType = target.tagName; // 获取元素的标签名，例如 "BUTTON", "DIV" 等
|
||||
const elementId = target.id; // 获取元素的 ID 属性
|
||||
const elementText = target.innerText; // 获取元素的文本内容
|
||||
|
||||
// 执行埋点操作，例如发送数据到埋点服务
|
||||
trackEvent(actionType, eventType, target, elementText);
|
||||
}
|
||||
|
||||
function trackEvent(actionType, eventType, target,elementText) {
|
||||
// 在这里实现埋点逻辑，例如发送请求到服务器，或者调用埋点代码
|
||||
//console.log(`埋点：动作类型 - ` + actionType + `，事件类型 - ` + eventType);
|
||||
//console.log("触发元素:", target);
|
||||
var userAgent = navigator.userAgent;
|
||||
var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent);
|
||||
var isTablet = /iPad|Android/i.test(userAgent);
|
||||
var isDesktop = !isMobile && !isTablet;
|
||||
var isDerive = "";
|
||||
var forum = "<?php echo $controller;?>";
|
||||
|
||||
if (isMobile) {
|
||||
// 手机设备逻辑
|
||||
isDerive = "H5";
|
||||
} else if (isTablet) {
|
||||
// 平板设备逻辑
|
||||
isDerive = "Tablet";
|
||||
} else {
|
||||
// 桌面设备逻辑
|
||||
isDerive = "PC";
|
||||
}
|
||||
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: RequestUrl.track,
|
||||
data: {
|
||||
//ip: getip(),
|
||||
'url': window.location.href,
|
||||
'refer': document.referrer,
|
||||
'user_agent': userAgent,
|
||||
'content': elementText,
|
||||
'drive': isDerive,
|
||||
'forum': forum,
|
||||
'event_type': eventType
|
||||
},
|
||||
dataType: "json",
|
||||
success: function (data, status, xhr) {
|
||||
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
document.addEventListener("click", handleGlobalEvent);
|
||||
document.addEventListener("copy", handleGlobalEvent);
|
||||
|
||||
</script>
|
||||
<style>
|
||||
@media screen and (min-width: 700px){
|
||||
.footer {
|
||||
--footer-padding-block: var(--spacing-16);
|
||||
--footer-part-gap: var(--spacing-16);
|
||||
--footer-block-list-gap: var(--spacing-10) var(--spacing-24);
|
||||
--footer-block-gap: var(--spacing-6);
|
||||
--footer-aside-gap: var(--spacing-12);
|
||||
padding-bottom: 2.5rem !important;
|
||||
padding-top: 2.25rem;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
68
app/index/view/include/head-nas.phtml
Executable file
68
app/index/view/include/head-nas.phtml
Executable file
@@ -0,0 +1,68 @@
|
||||
<link rel="icon" type="image/gif" href="__PUBLIC__/web/images/animated_favicon.png">
|
||||
<link rel="stylesheet" href="__PUBLIC__/web/css/swiper-3.4.2.min.css" />
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/css_whir.css">
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/web/css/indexcss-nars.css">
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/fonts.css">
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/theme1.css">
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/web/css/nas.css" />
|
||||
<style type="text/css">
|
||||
.mySwiper {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.wlj-xzbt {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.goico-img {
|
||||
width: 1.5rem !important;
|
||||
height: 1.5rem !important;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.swiper-slide img {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 700px) {
|
||||
@media screen and (min-width: 700px) {
|
||||
.Footer_icon_orico {
|
||||
left: 8%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.jjfabgimg {
|
||||
width: 20.1875rem !important;
|
||||
height: 37.6875rem !important;
|
||||
border-radius: 0.375rem;
|
||||
}
|
||||
|
||||
.nars-jjfa .jjfaSwiper .swiper-wrapper .swiper-slide {
|
||||
position: relative !important;
|
||||
width: 20.1875rem !important;
|
||||
}
|
||||
|
||||
.jjfaSwiper {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.swiper-button-next,
|
||||
.swiper-container-rtl .swiper-button-prev {
|
||||
/*background-image: auto !important;*/
|
||||
}
|
||||
|
||||
.wltitem{
|
||||
background: #ecf2fe !important;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.nars-wlj .wltitem .wljcpinfo{
|
||||
margin: 0 3.125rem;
|
||||
}
|
||||
.nars-cate .narscatecenter{
|
||||
justify-content: center;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript" src='__PUBLIC__/web/scripts/jquery-3.7.1.min.js'></script>
|
||||
<script type="text/javascript" src='__PUBLIC__/web/scripts/swiper-3.4.2.jquery.min.js'></script>
|
||||
17
app/index/view/include/head-product.phtml
Executable file
17
app/index/view/include/head-product.phtml
Executable file
@@ -0,0 +1,17 @@
|
||||
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/web/css/css_whir.css">
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/web/css/owl.carousel.css">
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/web/css/swiper.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/web/css/jquery.mCustomScrollbar.css">
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/web/css/fonts.css">
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/web/css/public_1200.css">
|
||||
|
||||
<script type="text/javascript" src="__PUBLIC__/web/scripts/jquery-1.8.3.min.js"></script>
|
||||
<script type="text/javascript" src="__PUBLIC__/web/scripts/swiper.min.js"></script>
|
||||
<script type="text/javascript" src="__PUBLIC__/web/scripts/owl.carousel.min.js"></script>
|
||||
<script type="text/javascript" src="__PUBLIC__/web/scripts/html5shiv.v3.72.min.js"></script>
|
||||
<script type="text/javascript" src="__PUBLIC__/web/scripts/jquery.SuperSlide.2.1.1.js"></script>
|
||||
<script type="text/javascript" src="__PUBLIC__/web/scripts/jquery.mCustomScrollbar.concat.min.js"></script>
|
||||
4
app/index/view/include/head-seo.phtml
Executable file
4
app/index/view/include/head-seo.phtml
Executable file
@@ -0,0 +1,4 @@
|
||||
|
||||
<title><?php echo $seo_title; ?></title>
|
||||
<meta name="keywords" content="<?php echo $seo_keyword; ?>">
|
||||
<meta name="description" content="<?php echo $seo_description; ?>">
|
||||
42
app/index/view/include/head.phtml
Executable file
42
app/index/view/include/head.phtml
Executable file
@@ -0,0 +1,42 @@
|
||||
|
||||
|
||||
<meta name="360-site-verification" content="e06a502c6c7c52187f305aedf5e66b43" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />
|
||||
|
||||
<link rel="icon" type="image/gif" href="__PUBLIC__/web/images/animated_favicon.png">
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/web/css/css_whir.css">
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/web/css/owl.carousel.css">
|
||||
<!--<link rel="stylesheet" type="text/css" href="__PUBLIC__/web/css/swiper.min.css">-->
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/web/css/fonts.css">
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/web/css/public_1440.css">
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/web/css/booNavigation.css">
|
||||
<script type="text/javascript" src="__PUBLIC__/web/scripts/jquery-1.8.3.min.js"></script>
|
||||
<!--<script type="text/javascript" src="__PUBLIC__/web/scripts/swiper.min.js"></script>-->
|
||||
<script type="text/javascript" src="__PUBLIC__/web/scripts/owl.carousel.min.js"></script>
|
||||
<script type="text/javascript" src="__PUBLIC__/web/scripts/html5shiv.v3.72.min.js"></script>
|
||||
<script type="text/javascript" src="__PUBLIC__/web/scripts/jquery.SuperSlide.2.1.1.js"></script>
|
||||
<script type="text/javascript" src="__PUBLIC__/web/scripts/jquery.mCustomScrollbar.concat.min.js"></script>
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/css_whir.css">
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/swiper.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/swiper-bundle.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/web/css/indexcss.css">
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/fonts.css">
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/public_1440.css">
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/montserrat.css">
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/theme1.css">
|
||||
|
||||
|
||||
|
||||
<!--<script type="text/javascript" src="__PUBLIC__/weben/scripts/jquery-3.5.1.min.js"></script>-->
|
||||
<script type="text/javascript" src="__PUBLIC__/web/scripts/swiper.min.js"></script>
|
||||
<script type="text/javascript" src="__PUBLIC__/web/scripts/swiper-bundle.min.js"></script>
|
||||
<script type="text/javascript" src="__PUBLIC__/weben/scripts/before-after.min.js"></script>
|
||||
|
||||
|
||||
<meta name="sogou_site_verification" content="zcTtT1ZOSN"/>
|
||||
916
app/index/view/include/header-nav.phtml
Executable file
916
app/index/view/include/header-nav.phtml
Executable file
@@ -0,0 +1,916 @@
|
||||
<div class="Container head-nav" id="scroll">
|
||||
<div class="nav-1">
|
||||
<a href="__ORICOROOT__"><img src="__PUBLIC__/weben/images/indeximg/logo .png" ></a>
|
||||
</div>
|
||||
<div class="wrapper nav-2">
|
||||
<nav id="booNavigation" class="booNavigation">
|
||||
<ul>
|
||||
<!--li class="navItem">
|
||||
<a href="__ORICOROOT__/index/Product/newarrival" title="新品上市">新品上市</a>
|
||||
</li-->
|
||||
<li class="navItem allbtn tabs-vertical" id="allbtntop">
|
||||
<a href="#" title="产品列表">产品列表</a>
|
||||
<img src="__PUBLIC__/weben/images/indeximg/black-down.png" class="downimg">
|
||||
<?php if (!empty($productCategory)): ?>
|
||||
<div class="navContent jspop">
|
||||
<ul>
|
||||
<?php foreach ($productCategory as $kp => $cate):?>
|
||||
<li>
|
||||
<a href="__ORICOROOT__/product/category/<?php echo $cate['id']?>.html" class="tab-active" data-index="<?php echo $kp; ?>" ><?php echo $cate['name']; ?></a>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
|
||||
<div class="tabs-content-placeholder" >
|
||||
<?php foreach ($productCategory as $key => $value):
|
||||
if (isset($category['id']) && $category['id'] == $value['id'])
|
||||
$oneLevelCategory = isset($value['child']) ? $value['child'] : [];
|
||||
$have_3_child = 0;
|
||||
if (!empty($value['child']))
|
||||
{
|
||||
foreach ($value['child'] as $k => $v)
|
||||
{
|
||||
if (!empty($v['child']))
|
||||
{
|
||||
$have_3_child = 1;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
?>
|
||||
<?php if (!empty($value['child'])): ?>
|
||||
<div class="tabs-content-placeholder-div tab-content-active">
|
||||
<?php foreach ($value['child'] as $k => $v): ?>
|
||||
<dl style="width:100%;">
|
||||
<dt>
|
||||
<a class="ui-link" href="__ORICOROOT__/product/subcategory/<?php echo $v['id']?>.html">
|
||||
<?php if($v['m_icon']):?><img src="<?php echo $v['m_icon']; ?>"><?php endif; ?>
|
||||
<?php echo $v['name']; ?>
|
||||
<i class="icon-size icon-B-arrow"></i>
|
||||
</a>
|
||||
</dt>
|
||||
<?php if (!empty($v['child'])): ?>
|
||||
<dd>
|
||||
<?php foreach ($v['child'] as $index => $item): ?>
|
||||
<a class="cate_detail_con_lk" href="__ORICOROOT__/product/subcategory/<?php echo $item['id']?>.html"><?php echo $item['name']; ?></a>
|
||||
<?php endforeach; ?>
|
||||
</dd>
|
||||
<?php endif; ?>
|
||||
</dl>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php endif; ?>
|
||||
</li>
|
||||
|
||||
<?php if ($nav_header): ?>
|
||||
<?php foreach ($nav_header as $kn => $nav): ?>
|
||||
|
||||
<li class="navItem">
|
||||
<?php if ($nav['data_type']=='custom'): ?>
|
||||
<a href="<?php if ($nav['url']){ echo $nav['url'];}else{echo '#';} ?>" title="<?php echo $nav['name']; ?>"><?php echo $nav['name']; ?></a>
|
||||
<?php else: ?>
|
||||
<a href="__ORICOROOT__/<?php echo $nav['url']; ?>" title="<?php echo $nav['name']; ?>"><?php echo $nav['name']; ?></a>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if (!empty($nav['items'])): ?>
|
||||
<img src="__PUBLIC__/weben/images/indeximg/black-down.png" class="downimg">
|
||||
<ol class="navContent navContent1">
|
||||
|
||||
<?php foreach ($nav['items'] as $kt => $child): ?>
|
||||
<li style="text-align:center;">
|
||||
<?php if ($child['data_type']=='custom'): ?>
|
||||
<a href="<?php if ($child['url']){ echo $child['url'];}else{echo '#';} ?>" title="<?php echo $child['name']; ?>"><?php echo $child['name']; ?></a>
|
||||
<?php else: ?>
|
||||
<a href="__ORICOROOT__/<?php echo $child['url']; ?>" title="<?php echo $child['name']; ?>"><?php echo $child['name']; ?></a>
|
||||
<?php endif; ?>
|
||||
</li>
|
||||
|
||||
<?php endforeach; ?>
|
||||
</ol>
|
||||
<?php endif; ?>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<div class="nav-3">
|
||||
<div>
|
||||
<img id="openModalBtn" src="__PUBLIC__/weben/images/indeximg/icon-search.png" class="searchimg">
|
||||
</div>
|
||||
<div>
|
||||
<img src="__PUBLIC__/weben/images/indeximg/icon-language.png" class="checkimg" id="countrycheck">
|
||||
<div id="top-country" class="hidden">
|
||||
<ul>
|
||||
<li class="desktopli1">
|
||||
<span class="close-btn1" id="closeModalBtn1">×</span>
|
||||
</li>
|
||||
<a href="https://www.orico.com.cn/" class="cn" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/CN.png" /></div>
|
||||
<div class="desktop-10">China - 中文简体</div>
|
||||
</li></a>
|
||||
<a href="https://www.orico.cc/us" class="ca" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/US.png" /></div>
|
||||
<div class="desktop-10">USA - English</div>
|
||||
</li></a>
|
||||
<a href="https://www.oricobr.com" class="us" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/BR.png" /></div>
|
||||
<div class="desktop-10">Brazil - português</div>
|
||||
</li></a>
|
||||
<a href="https://www.ORICOPERU.com" class="us" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/MX.png" /></div>
|
||||
<div class="desktop-10">Peru - español</div>
|
||||
</li></a>
|
||||
<a href="https://www.orico.cc/th" class="hk" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/TH.png" /></div>
|
||||
<div class="desktop-10">Thailand - ไทย</div>
|
||||
</li></a>
|
||||
<a href="https://www.orico.cc/id" class="jp" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/ID.png" /></div>
|
||||
<div class="desktop-10">Indonesia - bahasa Indonesia</div>
|
||||
</li></a>
|
||||
<a href="https://www.orico.cc/vn" class="kr" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/VN.png" /></div>
|
||||
<div class="desktop-10">Vietnam - Tiếng Việt</div>
|
||||
</li></a>
|
||||
<a href="https://www.orico.shop/" class="be" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/NL.png" /></div>
|
||||
<div class="desktop-10">Netherlands - English</div>
|
||||
</li></a>
|
||||
<a href="http://www.oricoturkiye.com/" class="tr" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/TR.png" /></div>
|
||||
<div class="desktop-10">Türkiye - Cumhuriyeti</div>
|
||||
</li></a>
|
||||
<a href="https://orico-iran.ir" class="bh" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/IR.png" /></div>
|
||||
<div class="desktop-10">Iran - فارسی</div>
|
||||
</li></a>
|
||||
<a href="http://www.orico.com.au/ " class="au" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/AU.png" /></div>
|
||||
<div class="desktop-10">Australia - English</div>
|
||||
</li></a>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div id="modal" class="modal">
|
||||
<div class="modal-content Search">
|
||||
<span class="close-btn" id="closeModalBtn">×</span>
|
||||
<input type="text" name="keywords" id="search-in" value="" />
|
||||
<div id="search" class="search_content search_default"></div>
|
||||
<div class="modal_1">
|
||||
<p class="tit1">搜索记录</p>
|
||||
<div>
|
||||
<ul>
|
||||
<?php
|
||||
$historyList = getBannerList(79, 5);
|
||||
if ($historyList):
|
||||
?>
|
||||
<?php foreach ($historyList as $kh => $history): ?>
|
||||
<li><a href="<?php echo $history['url']; ?>"><?php echo $history['name']; ?></a></li>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal_2">
|
||||
<p class="tit1">热销产品</p>
|
||||
<?php
|
||||
if ($popular_list):
|
||||
?>
|
||||
<?php foreach ($popular_list as $kp => $popular): ?>
|
||||
|
||||
<div class="picture21">
|
||||
<a href="__ORICOROOT__<?php echo url_rewrite('productdetail', ['id' => $popular['id']]); ?>"><img title="<?php echo $popular['name']; ?>" class="picture21-img" src="<?php echo getImage($popular['list_bk_img']); ?>"></a>
|
||||
<div class="title"> <?php echo $popular['name']; ?></div>
|
||||
<div class="subtitle"><?php echo $popular['shortname']; ?></div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
// 导航
|
||||
$(document).ready(function() {
|
||||
var widget = $('.tabs-vertical');
|
||||
var tabs = widget.find(' ul a'),
|
||||
content = widget.find('.tabs-content-placeholder-div');
|
||||
|
||||
tabs.on('mouseover', function (e) {
|
||||
e.preventDefault();
|
||||
// Get the data-index attribute, and show the matching content div
|
||||
var index = $(this).data('index');
|
||||
tabs.removeClass('tab-active');
|
||||
content.removeClass('tab-content-active');
|
||||
$(this).addClass('tab-active');
|
||||
content.eq(index).addClass('tab-content-active');
|
||||
});
|
||||
});
|
||||
|
||||
$(document).ready(function() {
|
||||
$('#countrycheck').click(function() {
|
||||
$('#top-country').toggleClass('hidden block');
|
||||
});
|
||||
$('#closeModalBtn1').click(function() {
|
||||
$('#top-country').toggleClass('hidden block');
|
||||
});
|
||||
});
|
||||
// 搜索弹窗
|
||||
$(document).ready(function() {
|
||||
// 点击打开按钮显示弹出框
|
||||
$('#openModalBtn').mouseover(function() {
|
||||
$('#modal').fadeIn();
|
||||
});
|
||||
// 点击关闭按钮或背景模态框，隐藏弹出框
|
||||
$('#closeModalBtn, .modal').click(function() {
|
||||
$('#modal').fadeOut();
|
||||
});
|
||||
// 防止点击弹出框内容时关闭弹出框
|
||||
$('.modal-content').click(function(e) {
|
||||
e.stopPropagation();
|
||||
});
|
||||
});
|
||||
/************搜索****************/
|
||||
$(function() {
|
||||
var search_input = $(".Search input");
|
||||
var search_content = $(".search_content");
|
||||
|
||||
$(search_input).on("keyup", function(e)
|
||||
{
|
||||
$("#search-in").keyup(function(event) {
|
||||
if (event && event.keyCode === 13) {
|
||||
var keywords = $("#search-in").val();
|
||||
var href = "<?php echo url('/search'); ?>?skeyword=" + encodeURIComponent(keywords);
|
||||
location.href = href;
|
||||
$("#modal").hide();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/modal.min.css">
|
||||
<style type="text/css">
|
||||
.cate_detail_con_lk {
|
||||
float: left;
|
||||
margin: 3px 0;
|
||||
padding: 0 7px;
|
||||
height: 16px;
|
||||
line-height: 16px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
#search-in{
|
||||
margin-left: 10%;
|
||||
margin-top: 5%;
|
||||
width: 80%;
|
||||
height: 44px;
|
||||
border: 1px solid grey;
|
||||
border-radius:22px;
|
||||
background: url('__PUBLIC__/weben/images/indeximg/sousuo1.png') no-repeat;
|
||||
background-position: 95% 50%;
|
||||
padding-left: 5%;
|
||||
}
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
ul li {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.wrapper a {
|
||||
color: #333;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.tabs-vertical ul{
|
||||
float: left;
|
||||
list-style: none;
|
||||
text-align: center;
|
||||
width: 20%;
|
||||
margin: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.tabs-vertical ul li a{
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
color: #656a6d;
|
||||
border: 1px solid transparent;
|
||||
border-right: 0;
|
||||
border-left: 0;
|
||||
padding: 16px 40px 16px 20px;
|
||||
}
|
||||
.icon-size {font-size: 0.8em;}
|
||||
.tabs-vertical ul li a.tab-active {
|
||||
border-color: #dddddd;
|
||||
background-color: #ffffff;
|
||||
box-shadow: 0px 2px 0px #EFEFEF;
|
||||
}
|
||||
|
||||
.tabs-vertical ul li:first-child a{
|
||||
border-top: 0;
|
||||
}
|
||||
/* The content */
|
||||
.tabs-vertical .tabs-content-placeholder{
|
||||
min-height: 460px;
|
||||
max-height: 660px;
|
||||
overflow: scroll;
|
||||
border-left: 1px solid #dddddd;
|
||||
font-weight: normal;
|
||||
background-color: #fff;
|
||||
margin: 0 auto;
|
||||
box-shadow: -3px 0 0px #F3F3F3;
|
||||
text-align: left;
|
||||
}
|
||||
.tabs-vertical .tabs-content-placeholder dd a{
|
||||
/*margin-left: 1.5%;*/
|
||||
}
|
||||
|
||||
.tabs-vertical .tabs-content-placeholder div{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tabs-vertical .tabs-content-placeholder div.tab-content-active{
|
||||
display: block;
|
||||
padding: 10px 0 0 20px;
|
||||
line-height: 30px;
|
||||
}
|
||||
.tab-content-active dl{
|
||||
position:relative;
|
||||
display: block;
|
||||
margin-block-start: 1em;
|
||||
margin-block-end: 1em;
|
||||
margin-inline-start: 0px;
|
||||
margin-inline-end: 0px;
|
||||
|
||||
}
|
||||
.tab-content-active dl dt{ overflow: hidden;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 135px;
|
||||
text-align: right;
|
||||
font-weight: 600;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;font-size: 14px;}
|
||||
.tabs-vertical .tabs-content-placeholder div p{
|
||||
color: #565a5c;
|
||||
line-height: 1.5;
|
||||
text-align: left;
|
||||
margin: 5px 0 20px;
|
||||
}
|
||||
|
||||
.tabs-vertical .tabs-content-placeholder div img{
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
.tabs-vertical ul{
|
||||
float: none;
|
||||
}
|
||||
|
||||
.tabs-vertical ul li{
|
||||
display: inline-block;
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
|
||||
.tabs-vertical ul li a{
|
||||
border: 1px solid transparent;
|
||||
border-bottom: 0;
|
||||
border-top: 0;
|
||||
padding: 12px 15px;
|
||||
}
|
||||
|
||||
.tabs-vertical ul li a.tab-active {
|
||||
border-color: #dddddd;
|
||||
background-color: #ffffff;
|
||||
box-shadow: 2px 0px 0px #EFEFEF;
|
||||
}
|
||||
|
||||
.tabs-vertical ul li:first-child a{
|
||||
border-left: 0;
|
||||
}
|
||||
|
||||
.tabs-vertical .tabs-content-placeholder{
|
||||
padding: 15px 30px 30px;
|
||||
border-left: 0;
|
||||
border-top: 1px solid #dddddd;
|
||||
box-shadow: 0px -3px 0px #F3F3F3;
|
||||
}
|
||||
|
||||
}
|
||||
/*================================================== */
|
||||
.booNavigation {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.booNavigation li.navItem {
|
||||
width: 11%;
|
||||
height: 80px;
|
||||
line-height: 80px;
|
||||
text-align: center;
|
||||
color: #000000;
|
||||
float: left;
|
||||
text-decoration: none;
|
||||
transition: all .3s ease;
|
||||
-webkit-transition: all .5s ease;
|
||||
-moz-transition: all .5s ease;
|
||||
-ms-transition: all .5s ease;
|
||||
-o-transition: all .5s ease;
|
||||
}
|
||||
|
||||
.booNavigation li.navItem:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
.booNavigation li.navItem:hover .navContent{
|
||||
display: block;
|
||||
}
|
||||
.booNavigation li.navItem > a {
|
||||
color: #000;
|
||||
padding-right:5px;
|
||||
}
|
||||
.a1{
|
||||
width: 100% !important;
|
||||
position: relative;
|
||||
}
|
||||
.a1 div:first-child{
|
||||
background-color: white;
|
||||
border-right:1px solid grey;
|
||||
width: 30% !important;
|
||||
float: left;
|
||||
}
|
||||
.jspop{
|
||||
display: none;
|
||||
margin: 0 !important;
|
||||
position: fixed;
|
||||
height: auto;
|
||||
background-color: #f2f2f2 !important;
|
||||
max-height: 660px;
|
||||
box-shadow: 3px 5px 60px -20px #88909A
|
||||
}
|
||||
.booNavigation li.navItem .navContent {
|
||||
display: none;
|
||||
background-color: #fff;
|
||||
color: black;
|
||||
left: 0;
|
||||
top: 80px;
|
||||
width: 100%;
|
||||
z-index: 9999;
|
||||
}
|
||||
.booNavigation li.navItem .navContent1 {
|
||||
background-color: #fff;
|
||||
color: black;
|
||||
left: 0;
|
||||
position: relative;
|
||||
top: 0;
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
z-index: 9999;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.booNavigation li.navItem .navContent2 {
|
||||
background-color: #fff;
|
||||
color: black;
|
||||
left: 50.5%;
|
||||
position: fixed;
|
||||
top: 80px;
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
z-index: 9999;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.navContent2 li,.navContent1 li,.navContent3 li{
|
||||
width: 100%;
|
||||
padding: 0 10px;
|
||||
line-height: 3em;
|
||||
}
|
||||
.booNavigation li.navItem .navContent3 {
|
||||
background-color: #fff;
|
||||
color: black;
|
||||
left: 60%;
|
||||
position: fixed;
|
||||
top: 80px;
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
z-index: 9999;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.downimg{height:12px;}
|
||||
.booNavigation .navContent > li {
|
||||
color: #fff;
|
||||
float: left;
|
||||
text-align: left;
|
||||
line-height:2.5rem
|
||||
}
|
||||
.booNavigation .jspop > li {
|
||||
color: #fff;
|
||||
float: left;
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.booNavigation .navContent ul li a {
|
||||
display: block;
|
||||
padding: 0 !important;
|
||||
line-height: 2.75rem !important;
|
||||
transition: all .3s ease;
|
||||
-webkit-transition: all .3s ease;
|
||||
-moz-transition: all .3s ease;
|
||||
-ms-transition: all .3s ease;
|
||||
-o-transition: all .3s ease;
|
||||
}
|
||||
|
||||
.booNavigation .navContent ul li a:hover {
|
||||
color: blue;
|
||||
}
|
||||
|
||||
/** Navigation examples
|
||||
================================================== */
|
||||
.nav-example {
|
||||
clear: left;
|
||||
}
|
||||
.navItem{
|
||||
position:relative;
|
||||
display: grid;
|
||||
grid-template-columns: auto auto; /* 设置两列 */
|
||||
align-items: center; /* 垂直居中对齐 */
|
||||
/* 可选：如果需要水平居中对齐图片和文字 */
|
||||
justify-content: center;
|
||||
}
|
||||
#allbtntop{
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.modal-fade-enter-active {
|
||||
animation: dialog-fade-in .3s;
|
||||
}
|
||||
|
||||
.modal-fade-leave-active {
|
||||
animation: dialog-fade-out .3s;
|
||||
}
|
||||
|
||||
@keyframes dialog-fade-in {
|
||||
0% {
|
||||
transform: translate3d(0, -20px, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translate3d(0, 0, 0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes dialog-fade-out {
|
||||
0% {
|
||||
transform: translate3d(0, 0, 0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translate3d(0, -20px, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.m-modal__wrapper {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
overflow: auto;
|
||||
margin: 0;
|
||||
background: rgba(0, 0, 0, .5);
|
||||
}
|
||||
|
||||
.m-modal__container {
|
||||
width: 25%;
|
||||
position: relative;
|
||||
margin: 0 auto 50px;
|
||||
background: #fff;
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
|
||||
box-sizing: border-box;
|
||||
margin-top: 15vh;
|
||||
animation: dialog-fade-in .3s;
|
||||
}
|
||||
|
||||
.m-modal__header {
|
||||
padding: 20px 20px 10px;
|
||||
}
|
||||
|
||||
.m-modal__title {
|
||||
line-height: 24px;
|
||||
font-size: 18px;
|
||||
color: #303133;
|
||||
}
|
||||
|
||||
button {
|
||||
-webkit-appearance: button;
|
||||
-webkit-writing-mode: horizontal-tb !important;
|
||||
text-rendering: auto;
|
||||
letter-spacing: normal;
|
||||
word-spacing: normal;
|
||||
text-transform: none;
|
||||
text-indent: 0px;
|
||||
text-shadow: none;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
align-items: flex-start;
|
||||
cursor: default;
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.m-modal__headerbtn {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
padding: 0;
|
||||
background: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.m-modal__close {
|
||||
color: #909399;
|
||||
}
|
||||
|
||||
.m-modal__headerbtn:hover .m-modal__close {
|
||||
color: #409EFF;
|
||||
}
|
||||
|
||||
.m-modal__body {
|
||||
padding: 30px 20px;
|
||||
color: #606266;
|
||||
font-size: 14px;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.m-modal__footer {
|
||||
padding: 10px 20px 20px;
|
||||
text-align: right;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.m-modal__footer button:first-child {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.m-modal-button {
|
||||
display: none;
|
||||
line-height: 1;
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
background: #fff;
|
||||
border: 1px solid #dcdfe6;
|
||||
color: #606266;
|
||||
-webkit-appearance: none;
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
outline: none;
|
||||
margin: 0;
|
||||
transition: .1s;
|
||||
font-weight: 500;
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
padding: 12px 20px;
|
||||
font-size: 14px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
#header{
|
||||
height: 80px;
|
||||
}
|
||||
.head-nav{
|
||||
/*position: fixed;*/
|
||||
/*top: 0;*/
|
||||
width: 100%;
|
||||
height: 80px;
|
||||
display: flex;
|
||||
z-index: 99999;
|
||||
background-color: white;
|
||||
color: black !important;
|
||||
}
|
||||
|
||||
.nav-1{
|
||||
position: relative;
|
||||
width: 20%;
|
||||
background-color: transparent;
|
||||
}
|
||||
.nav-1 img{
|
||||
margin-left: 50%;
|
||||
width:45%;
|
||||
margin-top:15px;
|
||||
}
|
||||
|
||||
@media screen and (max-width:1459px){
|
||||
.nav-1 img{
|
||||
margin-top:24px;
|
||||
}
|
||||
}
|
||||
.nav-2{
|
||||
width: 60%;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nav-3{
|
||||
position: relative;
|
||||
width: 20%;
|
||||
background-color: transparent;
|
||||
display: flex;
|
||||
}
|
||||
.nav-3 div{
|
||||
width: 10%;
|
||||
position: relative;
|
||||
}
|
||||
.nav-3 .searchimg{
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 5%;
|
||||
margin-top: -10px;
|
||||
}
|
||||
.nav-3 .checkimg{
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 20%;
|
||||
margin-top: -10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.nav-3 .checkimg:hover .top-country{
|
||||
display: block;
|
||||
}
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
.block {
|
||||
display: block;
|
||||
}
|
||||
#top-country{
|
||||
width: 250px;
|
||||
background-color: white;
|
||||
position: fixed;
|
||||
right: 5%;
|
||||
top: 80px;
|
||||
border-radius: 15px;
|
||||
box-shadow: 2px 2px 10px 1px #88909A;
|
||||
}
|
||||
#top-country li{
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
text-align: center;
|
||||
}
|
||||
.desktopli{
|
||||
display: flex;
|
||||
}
|
||||
.desktopli1{
|
||||
height: 30px !important;
|
||||
}
|
||||
.desktopli .desktop-2{
|
||||
width: 26%;
|
||||
margin-left: 0;
|
||||
}
|
||||
.desktopli .desktop-2 img{
|
||||
margin-left: 20px;
|
||||
margin-top: 15px;
|
||||
}
|
||||
.desktopli .desktop-10{
|
||||
width: 70%;
|
||||
text-align: left;
|
||||
margin-left: 10px;
|
||||
}
|
||||
#openModalBtn{
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.modal_1 {
|
||||
margin-top: 5%;
|
||||
margin-left: 10%;
|
||||
width: 80%;
|
||||
display: flex;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.modal_2 {
|
||||
margin-top: 5%;
|
||||
margin-left: 10%;
|
||||
width: 80%;
|
||||
display: flex;
|
||||
position: relative;
|
||||
text-align: left;
|
||||
}
|
||||
.modal_1 div{
|
||||
margin-top: 10%;
|
||||
margin-left: 1%;
|
||||
}
|
||||
.modal_2 div{
|
||||
text-align: center;
|
||||
margin-top: 10%;
|
||||
margin-left: 1%;
|
||||
}
|
||||
.modal_2 .title{
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 1; /* 显示两行 */
|
||||
overflow: hidden; /* 隐藏溢出部分的文字 */
|
||||
text-overflow: ellipsis; /* 超出部分显示省略号 */
|
||||
}
|
||||
.modal_2 .title :hover{
|
||||
overflow: visible;
|
||||
}
|
||||
.modal_2 .subtitle{
|
||||
font-size: 10px;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.tit1{
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 1%;
|
||||
font-size: 16px;
|
||||
color: #989898;
|
||||
}
|
||||
/* 背景模态框样式 */
|
||||
.modal {
|
||||
position: fixed;
|
||||
z-index: 1;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.7);
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
/* 弹出框内容样式 */
|
||||
.modal-content {
|
||||
background-color: #fff;
|
||||
padding: 20px;
|
||||
border-radius: 20px;
|
||||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
|
||||
position: absolute;
|
||||
right: 2%;
|
||||
width: 35%;
|
||||
top: 80px;
|
||||
height: 80%;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
/* 关闭按钮样式 */
|
||||
.close-btn {
|
||||
color: #aaa;
|
||||
float: right;
|
||||
font-size: 24px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.close-btn1 {
|
||||
color: #aaa;
|
||||
float: right;
|
||||
margin-top: -5px;
|
||||
cursor: pointer;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.close-btn:hover {
|
||||
color: #000;
|
||||
}
|
||||
.picture21{
|
||||
width: 33%;
|
||||
}
|
||||
.picture21-img{
|
||||
width: 7.1875rem!important;
|
||||
height: 7.1875rem!important;
|
||||
margin-left: 13%;
|
||||
}
|
||||
|
||||
|
||||
.navItem dt img{height: 16px; }
|
||||
.navItem dd{overflow: hidden;
|
||||
\*zoom: 1;
|
||||
padding: 5px 0;font-size: 14px; line-height: 40px; font-weight: 100; display: flex; margin-inline-start: 135px; padding-left:10px;}
|
||||
.navItem dd a, .two_nav_other a{font-size: 14px}
|
||||
.navItem dd img{margin-right: 10px; height: 40px; width:40px;}
|
||||
|
||||
</style>
|
||||
215
app/index/view/include/kefu.phtml
Executable file
215
app/index/view/include/kefu.phtml
Executable file
@@ -0,0 +1,215 @@
|
||||
<!-- 在线客服 s -->
|
||||
<div class="suspension Swt-Phone">
|
||||
<div class="suspension-box">
|
||||
<!--
|
||||
<div href="javascript:;" class="a a-service-phone" style="border-bottom:1px solid #f1f1f1;">
|
||||
<a href="https://work.weixin.qq.com/kfid/kfc3ef7a725ac3c47a1" target="_blank"><i class="l4 icon-kf1"></i><p>技术支持</p></a>
|
||||
</div>
|
||||
|
||||
<div class="a a-service">
|
||||
<i class="l1 icon-qq1"></i><p>售后服务</p>
|
||||
|
||||
<div class="d d-servcie">
|
||||
<ul>
|
||||
<li><img src="__PUBLIC__/web/images/com-WX.png"></li>
|
||||
|
||||
<!-- <li><a href="tencent://message/?uin=3003632682&Site=www.oricogroup.com.cn&Menu=yes"><span class="icon-QQ"></span>京东投诉建议</a></li>
|
||||
<li><a href="tencent://message/?uin=3003459380&Site=www.oricogroup.com.cn&Menu=yes"><span class="icon-QQ"></span>售后技术1</a></li>
|
||||
<li><a href="tencent://message/?uin=3003412695&Site=www.oricogroup.com.cn&Menu=yes"><span class="icon-QQ"></span>售后技术2</a></li>
|
||||
<li><a href="tencent://message/?uin=3003668234&Site=www.oricogroup.com.cn&Menu=yes"><span class="icon-QQ"></span>售后技术3</a></li>
|
||||
<li><a href="tencent://message/?uin=3003640320&Site=www.oricogroup.com.cn&Menu=yes"><span class="icon-QQ"></span>售后技术5</a></li>
|
||||
<li><a href="tencent://message/?uin=3003640221&Site=www.oricogroup.com.cn&Menu=yes"><span class="icon-QQ"></span>售后技术7</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!--<a href="javascript:;" class="a a-qrcode">
|
||||
<i class="l2 icon-wx1"></i><p>微信联系</p>
|
||||
</a>
|
||||
<div href="javascript:;" class="a a-acart">
|
||||
<i class="l3 icon-ys1"></i><p>公司邮箱</p>
|
||||
</div>-->
|
||||
|
||||
<div href="javascript:;" class="a a-top" style="border-bottom:1px solid #f1f1f1;margin-top:10px; display:none;">
|
||||
<i class="l5 icon-top1"></i><p>返回顶部</p>
|
||||
</div>
|
||||
<!--div class="d d-qrcode">
|
||||
<i class="arrow"></i>
|
||||
<div class="inner-box">
|
||||
<?php if (!empty($erweima[0])): ?>
|
||||
<div class="qrcode-img"><img src="<?php echo getImage($erweima[0]['picture']); ?>" alt="<?php echo $erweima[0]['alt']; ?>"></div>
|
||||
<?php endif; ?>
|
||||
<p>更多惊喜请加微信</p>
|
||||
</div>
|
||||
</div-->
|
||||
</div>
|
||||
</div>
|
||||
<div class="show">
|
||||
<div class="smask">
|
||||
<div class="sarea">
|
||||
<div class="stop1">
|
||||
<span>反馈信息</span>
|
||||
<a href="javascript:;" class="cha"><i class="icon-close"></i></a>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<form id="feedback">
|
||||
<div class="feed">
|
||||
<div class="finput">
|
||||
<label>反馈类型：</label>
|
||||
<select name="feedback_type">
|
||||
<?php
|
||||
$feedback_type = config('website_feedback_type');
|
||||
if ($feedback_type):
|
||||
foreach ($feedback_type as $type):
|
||||
?>
|
||||
<option value="<?php echo $type; ?>"><?php echo $type; ?></option>
|
||||
<?php
|
||||
endforeach;
|
||||
endif;
|
||||
?>
|
||||
</select>
|
||||
</div>
|
||||
<div class="finput">
|
||||
<label>您的称呼：</label>
|
||||
<input type="text" name="name" value="" id="name">
|
||||
</div>
|
||||
<div class="finput">
|
||||
<label>反馈主题：</label>
|
||||
<input type="text" name="subject" value="" class="them">
|
||||
</div>
|
||||
<div class="finput">
|
||||
<label class="fla">反馈内容：</label>
|
||||
<textarea name="content"></textarea>
|
||||
</div>
|
||||
<div class="finput">
|
||||
<label class="fla">联系方式：</label>
|
||||
<select class="emal" name="way">
|
||||
<option value="E-mail">E-mail</option>
|
||||
</select>
|
||||
<input type="text" name="contact" value="" id="contact" class="them1">
|
||||
</div>
|
||||
<div class="finput">
|
||||
<label>验证码：</label>
|
||||
<input type="text" name="authcode" value="" id="authcode">
|
||||
<a href="javascript:;" class="yzm"><img id="yanzhengma" src="<?php echo url('captcha/authcode/verify', ['id' => 'authcode']); ?>"></a>
|
||||
</div>
|
||||
<a href="javascript:;" class="feda sendbtn">发送</a>
|
||||
<a href="javascript:;" class="feda resetbtn">重置</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
/* ----- 侧边悬浮 ---- */
|
||||
$(document).on("mouseenter", ".suspension .a", function() {
|
||||
var _this = $(this);
|
||||
var s = $(".suspension");
|
||||
var isService = _this.hasClass("a-service");
|
||||
var isServicePhone = _this.hasClass("a-service-phone");
|
||||
var isQrcode = _this.hasClass("a-qrcode");
|
||||
if (isService) {
|
||||
s.find(".d-servcie").show().siblings(".d").hide();
|
||||
}
|
||||
if (isServicePhone) {
|
||||
s.find(".d-service-phone").show().siblings(".d").hide();
|
||||
}
|
||||
if (isQrcode) {
|
||||
s.find(".d-qrcode").show().siblings(".d").hide();
|
||||
}
|
||||
});
|
||||
$(document).on("mouseleave", ".suspension .a, .suspension .a-top", function() {
|
||||
$(".suspension").find(".d").hide();
|
||||
});
|
||||
$(document).on("mouseenter", ".suspension .a-top", function() {
|
||||
$(".suspension").find(".d").hide();
|
||||
});
|
||||
$(document).on("click", ".suspension .a-top", function() {
|
||||
$("html,body").animate({scrollTop: 0});
|
||||
});
|
||||
$(window).on('scroll',function() {
|
||||
if($(this).scrollTop() >= $(this).height()) {
|
||||
$('.a-top').fadeIn('slow');
|
||||
|
||||
}
|
||||
else{
|
||||
$('.a-top').fadeOut('slow');
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
$(".a-acart").click(function() {
|
||||
$(".show").show();
|
||||
$("a.yzm").click();
|
||||
})
|
||||
$(".cha").click(function() {
|
||||
$(".show").hide();
|
||||
})
|
||||
});
|
||||
</script>
|
||||
<!-- 在线客服 e -->
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("form a.yzm").click(function(event) {
|
||||
event.preventDefault();
|
||||
$("#yanzhengma").attr("src", "<?php echo url('captcha/authcode/verify', ['id' => 'authcode']); ?>" + "?" + Math.random());
|
||||
});
|
||||
$("form a.resetbtn").click(function(e) {
|
||||
if (confirm('确认重置所有表单项吗?')) {
|
||||
this.form.reset();
|
||||
}
|
||||
});
|
||||
$("form a.sendbtn").bind("click", function(event) {
|
||||
var nameObj = document.getElementById('name');
|
||||
if (isNull(trim(nameObj.value))) {
|
||||
alert('名称必须填写');
|
||||
nameObj.focus();
|
||||
return false;
|
||||
}
|
||||
var authcodeObj = document.getElementById('authcode');
|
||||
if (isNull(trim(authcodeObj.value))) {
|
||||
alert('验证码不能为空');
|
||||
authcodeObj.focus();
|
||||
return false;
|
||||
}
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: "<?php echo url('index/index/feedback'); ?>",
|
||||
data: $("form#feedback").serialize(),
|
||||
dataType: "json",
|
||||
success: function(data, status, xhr) {
|
||||
if (data.code) {
|
||||
alert(data.msg);
|
||||
$("form#feedback").get(0).reset();
|
||||
} else {
|
||||
alert(data.msg);
|
||||
}
|
||||
},
|
||||
beforeSend: function() {
|
||||
$('form a.sendbtn').prop('disabled', true);
|
||||
},
|
||||
complete: function() {
|
||||
$('form a.sendbtn').prop('disabled', false);
|
||||
$("form a.yzm").click();
|
||||
}
|
||||
});
|
||||
event.preventDefault();
|
||||
});
|
||||
});
|
||||
function isNull(data) {
|
||||
return (data == "" || data == undefined || data == null) ? true : false;
|
||||
}
|
||||
function trim(str) {
|
||||
return str.replace(/(^\s*)|(\s*$)/g, '');
|
||||
}
|
||||
function isTelephone(value) {
|
||||
var isMobile = /^1[345789]\d{9}$/;
|
||||
return isMobile.test(value);
|
||||
}
|
||||
function validEmail(email) {
|
||||
//对电子邮件的验证
|
||||
var reg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
|
||||
return reg.test(email);
|
||||
}
|
||||
|
||||
</script>
|
||||
48
app/index/view/include/newbanner.phtml
Executable file
48
app/index/view/include/newbanner.phtml
Executable file
@@ -0,0 +1,48 @@
|
||||
<!-- 轮播 s -->
|
||||
<?php
|
||||
|
||||
$banners = array(
|
||||
'0' => array(
|
||||
'alt'=> 'New HUB',
|
||||
'url'=>'https://cc.f2b211.com/us/product/detail/3724.html',
|
||||
//'picture'=>'/uploads/1920x750-hub1-en.jpg',
|
||||
'picture'=>'/uploads/07.jpg',
|
||||
),
|
||||
'1' => array(
|
||||
'alt'=> 'Portable EV Charger',
|
||||
'url'=>'',
|
||||
'picture'=>'/uploads/05.jpg',
|
||||
),
|
||||
);
|
||||
|
||||
// tiaoshi($banners);die;
|
||||
if ($banners):
|
||||
?>
|
||||
<div class="homeban">
|
||||
<div class="hd">
|
||||
<ul >
|
||||
<?php /*foreach ($banners as $k => $banner): ?>
|
||||
<li id="<?php echo $banner['alt'];?>"><?php echo $k + 1; ?></li>
|
||||
<?php endforeach;*/?>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bd">
|
||||
<ul class="banner_no">
|
||||
<?php foreach ($banners as $banner): ?>
|
||||
<li id="<?php echo $banner['alt'];?>"><a href="<?php if($banner['url']){ echo $banner['url'];}else{echo 'javascript:viod();';} ?>"><img src="<?php echo getImage($banner['picture']); ?>"></a></li>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
jQuery(".homeban").slide({mainCell: ".bd ul", autoPlay: true, delayTime: 3000});
|
||||
</script>
|
||||
<script type="text/javascript">
|
||||
jQuery(".homeban").slide(
|
||||
{mainCell: ".bd ul", autoPlay: true, delayTime: 100}
|
||||
|
||||
);
|
||||
|
||||
</script>
|
||||
<?php endif; ?>
|
||||
<!-- 轮播 e -->
|
||||
190
app/index/view/include/partner.phtml
Executable file
190
app/index/view/include/partner.phtml
Executable file
@@ -0,0 +1,190 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>ODM服务_加盟招商服务_中文官网帮助信息_ORICO/奥睿科官网</title>
|
||||
<meta name="Keywords" content="ODM服务" />
|
||||
<meta name="Description" content="ODM服务" />
|
||||
{include file="include/head" /}
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/web/css/subject/odm.css">
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/web/scripts/bxslider/jquery.bxslider.css">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!--top-->
|
||||
<header class="header-PC header-Index">
|
||||
<div id="header" class="theme-white">
|
||||
{include file="include/top" /}
|
||||
{include file="include/top-header" /}
|
||||
</div>
|
||||
</header>
|
||||
<!--top End-->
|
||||
<div class="img-responsive odm_banner_p"><img src="__PUBLIC__/web/images/odm/ODM-Banner.jpg">
|
||||
<div class="odm_b_title">
|
||||
<h3>品牌ODM</h3>
|
||||
<div class="odn_t_small">我们将始终以客户的本质需求为导向，为您提供出色的产品解决方案，并持续不断地与您一起优化创新，持续创造长期价值，力求成为您企业发展的一股强大助力。</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--品牌ODM-->
|
||||
<div class="swt-Container odm_usb_tex">
|
||||
<div class="odm_usb_t"> 我们的团队或帮您推进创想的实现</div>
|
||||
<div class="odm_usb_sm">我们专注于USB周边产品的研发与生产已持续10年时间，包括但不仅限于USB存储、USB数据传输、USB充电器、USB接线板、USB小家电等围绕USB技术开发的创想产品。</div>
|
||||
</div>
|
||||
<!--Menu-->
|
||||
<div class="ODM-Menu" style="position: relative">
|
||||
<div class="img-responsives"><img src="__PUBLIC__/web/images/odm/ODM-BG.png"></div>
|
||||
<ul>
|
||||
<a href="/product/category/75.html"><li><div class="P-01">电脑周边</div><div class="M-02">电脑<br>周边</div><div class="img-responsive MH-Before"><img src="__PUBLIC__/web/images/odm/ODM_02_01.jpg"></div></li></a>
|
||||
<a href="/product/category/85.html"><li style="background-color:#2dccd3;"><div class="P-01">手机配件</div><div class="M-02">手机<br>配件</div><div class="img-responsive MH-Before"><img src="__PUBLIC__/web/images/odm/ODM_02_02.jpg"></div></li></a>
|
||||
<a href="/product/category/86.html"><li style="background-color:#00bb31;"><div class="P-01">电子电工</div><div class="M-02">电子<br>电工</div><div class="img-responsive MH-Before"><img src="__PUBLIC__/web/images/odm/ODM_02_03.jpg"></div></li></a>
|
||||
<a href="/product/category/87.html"><li style="background-color:#ff6900;"><div class="P-01">影音娱乐</div><div class="M-02">影音<br>娱乐</div><div class="img-responsive MH-Before"><img src="__PUBLIC__/web/images/odm/ODM_02_04.jpg"></div></li></a>
|
||||
<a href="/product/category/88.html"><li style="background-color:#963cbd;"><div class="P-01">个人护理</div><div class="M-02">个人<br>护理</div><div class="img-responsive MH-Before"><img src="__PUBLIC__/web/images/odm/ODM_02_05.jpg"></div></li></a>
|
||||
<a href="/product/category/89.html"><li style="background-color:#c4d600;"><div class="P-01">生活周边</div><div class="M-02">生活<br>周边</div><div class="img-responsive MH-Before"><img src="__PUBLIC__/web/images/odm/ODM_02_06.jpg"></div></li></a>
|
||||
<a href="/product/category/90.html"><li style="background-color:#000000;"><div class="P-01">高端游戏</div><div class="M-02">高端<br>游戏</div><div class="img-responsive MH-Before"><img src="__PUBLIC__/web/images/odm/ODM_02_07.jpg"></div></li></a>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<!--选择我们的理由-->
|
||||
<div class="ODM-Gray ODM-Select overflow-f">
|
||||
<div class="swt-Container">
|
||||
<div class="odm_usb_tex">
|
||||
<div class="odm_usb_t"> 我们竭诚为您服务</div>
|
||||
<div class="odm_usb_sm01">公司配套自有五金模具厂，塑胶模具厂，贴片厂，组装厂，包装厂。搭配具有特色的211供应模式，打造产能可突破40亿元强有力的柔性供应链，敏锐反应市场需求。简化合作流程，并为每一位合作伙伴耐心服务。</div>
|
||||
</div>
|
||||
<div class="table01">
|
||||
<ul>
|
||||
<li ><img src="__PUBLIC__/web/images/odm/odm1.3_20.jpg"></li>
|
||||
<li><img src="__PUBLIC__/web/images/odm/odm1_22.jpg"></li>
|
||||
<li><img src="__PUBLIC__/web/images/odm/odm1_32.jpg"></li>
|
||||
<li><img src="__PUBLIC__/web/images/odm/odm1.3_34.jpg"></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="table02">
|
||||
<ul>
|
||||
<li class="img-responsives"><img src="__PUBLIC__/web/images/odm/odm1.3_24.jpg"></li>
|
||||
<li class="img-responsives"><img src="__PUBLIC__/web/images/odm/odm1.3_26.jpg"></li>
|
||||
<li class="img-responsive"><img src="__PUBLIC__/web/images/odm/odm1_35.jpg"></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--灵活多变的模式-->
|
||||
<div class="odm_re_all">
|
||||
<div class="odm_research">灵活多变的服务模式与技术范畴</div>
|
||||
<div class="odm_re_img clearfix">
|
||||
<ul>
|
||||
<li><img src="__PUBLIC__/web/images/odm/odm1_08.jpg" ><div class="odm_re_text">全权负责产品定义与研发</div>
|
||||
</li><li><img src="__PUBLIC__/web/images/odm/odm1_10.jpg" ><div class="odm_re_text">多方共同定义与研发</div></li>
|
||||
<li><img src="__PUBLIC__/web/images/odm/odm1_12.jpg"><div class="odm_re_text">转接模具代生产</div></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!--证书-->
|
||||
<div class="ODM-Gray">
|
||||
<div class="odm_n_z swt-Container">
|
||||
<div class="Patent" style="clear: both">
|
||||
<img src="__PUBLIC__/web/images/odm/odm1.3_42.jpg">
|
||||
</div>
|
||||
</div></div>
|
||||
|
||||
<!--解决方案-->
|
||||
<div class="odm_f1">
|
||||
<div class="odm_usb_tex">
|
||||
<div class="odm_usb_t"> 很高兴为您提供解决方案</div>
|
||||
<div class="odm_usb_sm">我们拥有从设计到研发再到生产制造、物流运输到最终推向市场的完整产业链布局。</div>
|
||||
</div>
|
||||
|
||||
<div class="odm_one">
|
||||
<div class="odm_ont_bg">
|
||||
<div class="odm_ont_bor clearfix">
|
||||
<div class="odm_two_num"><img src="__PUBLIC__/web/images/odm/odm_two_03.png" ></div><div class="odm_line_l"><img src="__PUBLIC__/web/images/odm/odm_line_03.jpg" ></div> <div class="odm_two_order"><p><span class="font_one">一个起订</span><span class="font_one">一周交付</span><span class="font_one">两周研发</span></p> <p class="font_two">特色的“211”供应模式 </p></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="odm_research01">全新柔性供应补货模式</div>
|
||||
<div class="odm_re_all">
|
||||
<div class="odm_re_img01 clearfix">
|
||||
<ul>
|
||||
<li><img src="__PUBLIC__/web/images/odm/odm_order_01.jpg" ><div class="odm_order_t">Forecast订单/开放销售数据<br>供应商滚动备货模式</div></li>
|
||||
<li><img src="__PUBLIC__/web/images/odm/odm_order_02.jpg" ><div class="odm_order_t">依据前三个月销售数据，按照备货系数<br>供应商自动开始第4个月备货</div></li>
|
||||
<li><img src="__PUBLIC__/web/images/odm/odm_order_03.jpg" ><div class="odm_order_t">季度去峰值销量预估<br>灵活设置缓冲备货</div></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--ODM项目服务流程-->
|
||||
</div>
|
||||
<div class="odm_re_all">
|
||||
<div class="odm_service">ODM项目服务流程</div>
|
||||
<div class="odm_se_img"><img src="__PUBLIC__/web/images/odm/odm1_18.jpg" ></div>
|
||||
</div>
|
||||
|
||||
<!--合作伙伴-->
|
||||
<div class="odm_f1">
|
||||
<div class="w1440 wow fadeInUp" data-wow-delay="0.9s">
|
||||
<!-- 公共标题 s -->
|
||||
<div class="ODM-Title">合作伙伴</div>
|
||||
<!-- 公共标题 e -->
|
||||
<div class="hz">
|
||||
<ul>
|
||||
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_01.jpg"></li>
|
||||
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_02.jpg"></li>
|
||||
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_03.jpg"></li>
|
||||
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_04.jpg"></li>
|
||||
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_05.jpg"></li>
|
||||
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_06.jpg"></li>
|
||||
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_07.jpg"></li>
|
||||
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_08.jpg"></li>
|
||||
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_09.jpg"></li>
|
||||
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_10.jpg"></li>
|
||||
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_11.jpg"></li>
|
||||
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_12.jpg"></li>
|
||||
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_13.jpg"></li>
|
||||
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_14.jpg"></li>
|
||||
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_15.jpg"></li>
|
||||
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_16.jpg"></li>
|
||||
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_17.jpg"></li>
|
||||
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_18.jpg"></li>
|
||||
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_19.jpg"></li>
|
||||
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_20.jpg"></li>
|
||||
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_21.jpg"></li>
|
||||
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_22.jpg"></li>
|
||||
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_23.jpg"></li>
|
||||
<li class="slide"><img src="__PUBLIC__/web/images/odm/distributor_Cooperation_24.jpg"></li>
|
||||
</ul>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function(){
|
||||
$('.hz ul').bxSlider({
|
||||
slideWidth: 340,
|
||||
minSlides: 2,
|
||||
maxSlides: 8,
|
||||
slideMargin: 0,
|
||||
auto:true,
|
||||
controls:false
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
$(function(){
|
||||
$(".ODM-Menu li").mouseover(function(){
|
||||
$(this).find(".img-responsive").addClass("MH-after");
|
||||
})
|
||||
$(".ODM-Menu li").mouseout(function(){
|
||||
$(this).find(".img-responsive").removeClass("MH-after");
|
||||
})
|
||||
})
|
||||
</script>
|
||||
<!-- bottom s -->
|
||||
{include file="include/bottom" /}
|
||||
<!-- bottom e -->
|
||||
<script type="text/javascript" src="__PUBLIC__/web/scripts/bxslider/jquery.bxslider.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
304
app/index/view/include/top-head2023.phtml
Executable file
304
app/index/view/include/top-head2023.phtml
Executable file
@@ -0,0 +1,304 @@
|
||||
<style type="text/css">
|
||||
.header-PC{
|
||||
background: #fff;
|
||||
}
|
||||
.head-nav{
|
||||
max-width: 100%;
|
||||
}
|
||||
@media screen and (min-width:1930px){
|
||||
.head-nav{
|
||||
display: flex;
|
||||
z-index: 99999;
|
||||
max-width:100%;
|
||||
margin-left:auto;
|
||||
right: 0;
|
||||
left: 0;
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<div class="Container head-nav" id="scroll">
|
||||
<div class="nav-1">
|
||||
<a href="__ORICOROOT__"><img src="__PUBLIC__/weben/images/indeximg/logo .png" ></a>
|
||||
</div>
|
||||
<div class="wrapper nav-2">
|
||||
<nav id="booNavigation" class="booNavigation">
|
||||
<ul>
|
||||
<!-- <li class="navItem">
|
||||
<a href="__ORICOROOT__/index/Product/newarrival" title="新品上市">新品上市</a>
|
||||
</li> -->
|
||||
<li class="navItem allbtn tabs-vertical" id="allbtntop">
|
||||
<a href="#" title="产品列表">产品列表</a>
|
||||
<img src="__PUBLIC__/weben/images/indeximg/black-down.png" class="downimg">
|
||||
<?php if (!empty($productCategory)): ?>
|
||||
<div class="navContent jspop">
|
||||
<ul>
|
||||
<?php foreach ($productCategory as $kp => $cate):?>
|
||||
<li>
|
||||
<a href="__ORICOROOT__/product/category/<?php echo $cate['id']?>.html" class="tab-active" data-index="<?php echo $kp; ?>" ><?php echo $cate['name']; ?></a>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
|
||||
<div class="tabs-content-placeholder" >
|
||||
<?php foreach ($productCategory as $key => $value):
|
||||
if (isset($category['id']) && $category['id'] == $value['id'])
|
||||
$oneLevelCategory = isset($value['child']) ? $value['child'] : [];
|
||||
$have_3_child = 0;
|
||||
if (!empty($value['child']))
|
||||
{
|
||||
foreach ($value['child'] as $k => $v)
|
||||
{
|
||||
if (!empty($v['child']))
|
||||
{
|
||||
$have_3_child = 1;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
?>
|
||||
<?php if (!empty($value['child'])): ?>
|
||||
<div class="tabs-content-placeholder-div tab-content-active">
|
||||
<?php foreach ($value['child'] as $k => $v): ?>
|
||||
<dl>
|
||||
<dt>
|
||||
<a class="ui-link" href="__ORICOROOT__/product/subcategory/<?php echo $v['id']?>.html"><img src="<?php echo $v['m_icon']; ?>"><?php echo $v['name']; ?></a>
|
||||
</dt>
|
||||
<?php if (!empty($v['child'])): ?>
|
||||
<?php foreach ($v['child'] as $index => $item): ?>
|
||||
<dd><a href="__ORICOROOT__/product/subcategory/<?php echo $item['id']?>.html"><?php echo $item['name']; ?></a></dd>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</dl>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php endif; ?>
|
||||
</li>
|
||||
|
||||
|
||||
<?php if ($nav_header): ?>
|
||||
<?php foreach ($nav_header as $kn => $nav):
|
||||
if(strpos($nav['url'], 'http://') !== false || strpos($nav['url'], 'https://') !== false) {
|
||||
$link = $nav['url'];
|
||||
}
|
||||
else{
|
||||
if($nav['url']){
|
||||
$link = '__ORICOROOT__/'.$nav['url'];
|
||||
}
|
||||
else{
|
||||
$link = '#';
|
||||
}
|
||||
}
|
||||
|
||||
if($kn < 7):
|
||||
?>
|
||||
|
||||
<li class="navItem">
|
||||
|
||||
<a href="<?php echo $link; ?>" title="<?php echo $nav['name']; ?>"><?php echo $nav['name']; ?></a>
|
||||
|
||||
<?php if (!empty($nav['items'])): ?>
|
||||
<img src="__PUBLIC__/weben/images/indeximg/black-down.png" class="downimg">
|
||||
<ol class="navContent navContent1">
|
||||
|
||||
<?php foreach ($nav['items'] as $kt => $child):
|
||||
if(strpos($child['url'], 'http://') !== false || strpos($child['url'], 'https://') !== false) {
|
||||
$childLink = $child['url'];
|
||||
}
|
||||
else{
|
||||
$childLink = '__ORICOROOT__/'.$child['url'];
|
||||
}
|
||||
?>
|
||||
<li style="text-align:center;">
|
||||
|
||||
<a href="<?php echo $childLink; ?>" title="<?php echo $child['name']; ?>"><?php echo $child['name']; ?></a>
|
||||
|
||||
</li>
|
||||
|
||||
<?php endforeach; ?>
|
||||
</ol>
|
||||
<?php endif; ?>
|
||||
</li>
|
||||
<?php endif; ?>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<div class="nav-3">
|
||||
<div>
|
||||
<img id="openModalBtn" src="__PUBLIC__/weben/images/indeximg/icon-search.png" class="searchimg">
|
||||
</div>
|
||||
<div>
|
||||
<img src="__PUBLIC__/weben/images/indeximg/icon-language.png" class="checkimg" id="countrycheck">
|
||||
<div id="top-country" class="hidden">
|
||||
<ul>
|
||||
<li class="desktopli1">
|
||||
<span class="close-btn1" id="closeModalBtn1">×</span>
|
||||
</li>
|
||||
<a href="https://www.orico.com.cn/" class="cn" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/CN.png" /></div>
|
||||
<div class="desktop-10">China - 中文简体</div>
|
||||
</li></a>
|
||||
<a href="https://www.orico.cc/us" class="ca" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/US.png" /></div>
|
||||
<div class="desktop-10">USA - English</div>
|
||||
</li></a>
|
||||
<a href="https://www.oricobr.com" class="us" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/BR.png" /></div>
|
||||
<div class="desktop-10">Brazil - português</div>
|
||||
</li></a>
|
||||
<a href="https://www.ORICOPERU.com" class="us" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/MX.png" /></div>
|
||||
<div class="desktop-10">Peru - español</div>
|
||||
</li></a>
|
||||
<a href="https://www.orico.cc/th" class="hk" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/TH.png" /></div>
|
||||
<div class="desktop-10">Thailand - ไทย</div>
|
||||
</li></a>
|
||||
<a href="https://www.orico.cc/id" class="jp" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/ID.png" /></div>
|
||||
<div class="desktop-10">Indonesia - bahasa Indonesia</div>
|
||||
</li></a>
|
||||
<a href="https://www.orico.cc/vn" class="kr" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/VN.png" /></div>
|
||||
<div class="desktop-10">Vietnam - Tiếng Việt</div>
|
||||
</li></a>
|
||||
<a href="https://www.orico.shop/" class="be" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/NL.png" /></div>
|
||||
<div class="desktop-10">Netherlands - English</div>
|
||||
</li></a>
|
||||
<a href="http://www.oricoturkiye.com/" class="tr" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/TR.png" /></div>
|
||||
<div class="desktop-10">Türkiye - Cumhuriyeti</div>
|
||||
</li></a>
|
||||
<a href="https://www.oricoiran.com" class="bh" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/IR.png" /></div>
|
||||
<div class="desktop-10">Iran - فارسی</div>
|
||||
</li></a>
|
||||
<a href="http://www.orico.com.au/ " class="au" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/AU.png" /></div>
|
||||
<div class="desktop-10">Australia - English</div>
|
||||
</li></a>
|
||||
<a href="https://orico-russia.ru " class="au" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/countries/RU.png" /></div>
|
||||
<div class="desktop-10">Russia - Россия</div>
|
||||
</li></a>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div id="modal" class="modal">
|
||||
<div class="modal-content Search">
|
||||
<span class="close-btn" id="closeModalBtn">×</span>
|
||||
<input type="text" name="keywords" id="search-in" value="" />
|
||||
<div id="search" class="search_content search_default"></div>
|
||||
<div class="modal_1">
|
||||
<p class="tit1">搜索记录</p>
|
||||
<div>
|
||||
<ul>
|
||||
<?php
|
||||
$historyList = getBannerList(79, 5);
|
||||
if ($historyList):
|
||||
?>
|
||||
<?php foreach ($historyList as $kh => $history): ?>
|
||||
<li><a href="<?php echo $history['url']; ?>"><?php echo $history['name']; ?></a></li>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal_2">
|
||||
<p class="tit1">热销产品</p>
|
||||
<?php
|
||||
if ($popular_list):
|
||||
?>
|
||||
<?php foreach ($popular_list as $kp => $popular): ?>
|
||||
|
||||
<div class="picture21">
|
||||
<a href="__ORICOROOT__<?php echo url_rewrite('productdetail', ['id' => $popular['id']]); ?>"><img title="<?php echo $popular['name']; ?>" class="picture21-img" src="<?php echo getImage($popular['list_bk_img']); ?>"></a>
|
||||
<div class="title"> <?php echo $popular['name']; ?></div>
|
||||
<div class="subtitle"><?php echo $popular['shortname']; ?></div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
// 导航
|
||||
$(document).ready(function() {
|
||||
var widget = $('.tabs-vertical');
|
||||
var tabs = widget.find(' ul a'),
|
||||
content = widget.find('.tabs-content-placeholder-div');
|
||||
|
||||
tabs.on('mouseover', function (e) {
|
||||
e.preventDefault();
|
||||
// Get the data-index attribute, and show the matching content div
|
||||
var index = $(this).data('index');
|
||||
tabs.removeClass('tab-active');
|
||||
content.removeClass('tab-content-active');
|
||||
$(this).addClass('tab-active');
|
||||
content.eq(index).addClass('tab-content-active');
|
||||
});
|
||||
});
|
||||
|
||||
$(document).ready(function() {
|
||||
$('#countrycheck').click(function() {
|
||||
$('#top-country').toggleClass('hidden block');
|
||||
});
|
||||
$('#closeModalBtn1').click(function() {
|
||||
$('#top-country').toggleClass('hidden block');
|
||||
});
|
||||
});
|
||||
// 搜索弹窗
|
||||
$(document).ready(function() {
|
||||
// 点击打开按钮显示弹出框
|
||||
$('#openModalBtn').mouseover(function() {
|
||||
$('#modal').fadeIn();
|
||||
});
|
||||
// 点击关闭按钮或背景模态框，隐藏弹出框
|
||||
$('#closeModalBtn, .modal').click(function() {
|
||||
$('#modal').fadeOut();
|
||||
});
|
||||
// 防止点击弹出框内容时关闭弹出框
|
||||
$('.modal-content').click(function(e) {
|
||||
e.stopPropagation();
|
||||
});
|
||||
});
|
||||
/************搜索****************/
|
||||
$(function() {
|
||||
var search_input = $(".Search input");
|
||||
var search_content = $(".search_content");
|
||||
|
||||
$(search_input).on("keyup", function(e)
|
||||
{
|
||||
$("#search-in").keyup(function(event) {
|
||||
if (event && event.keyCode === 13) {
|
||||
var keywords = $("#search-in").val();
|
||||
var href = "<?php echo url('/search'); ?>?skeyword=" + encodeURIComponent(keywords);
|
||||
location.href = href;
|
||||
$("#modal").hide();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/modal.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/web/css/public.css">
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/modal.min.css">
|
||||
<script type="text/javascript" src="__PUBLIC__/weben/scripts/swiper-bundle.min.js"></script>
|
||||
<script type="text/javascript" src="__PUBLIC__/weben/scripts/booNavigation.js"></script>
|
||||
92
app/index/view/include/top-header-mobile.phtml
Executable file
92
app/index/view/include/top-header-mobile.phtml
Executable file
@@ -0,0 +1,92 @@
|
||||
<header class="header-M">
|
||||
<div class="header-fixed">
|
||||
<div class="logo img-responsive"><a href="__ORICOROOT__"><img src="/uploads/default/logo-black.png"></a></div>
|
||||
<div class="Menu icon-menu"></div>
|
||||
<div class="Country"><img src="__PUBLIC__/web/images/countries/CN.png"></div>
|
||||
</div>
|
||||
<div class="m-Menu" style="display: none;">
|
||||
<ul>
|
||||
<li><a href="__ORICOROOT__">首页</a></li>
|
||||
<li><a href="__ORICOROOT__<?php echo url_rewrite('product'); ?>">产品与服务</a><div class="icon-arrow font-18 arrow"><span></span></div>
|
||||
<div class="S-Menu" style="display: none">
|
||||
<ul>
|
||||
<?php foreach ($productCategory as $k => $pc): ?>
|
||||
<li><a href="__ORICOROOT__<?php echo url_rewrite('product', ['id' => $pc['id']]); ?>"><?php echo $pc['name']; ?></a></li>
|
||||
<?php endforeach; ?>
|
||||
<li><a href="__ORICOROOT__/index/Group/special">特色产品专题</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="">价值与使命</a><div class="icon-arrow font-18 arrow"><span></span></div>
|
||||
<div class="S-Menu" style="display: none">
|
||||
<ul>
|
||||
<a href="__ORICOROOT__/index/Group/weare">我们是</a>
|
||||
<a href="__ORICOROOT__/index/Group/wewill">我们会</a>
|
||||
<a href="__ORICOROOT__/index/Group/culture">文化与价值观</a>
|
||||
<a href="__ORICOROOT__/index/Group/vision">愿景与使命</a>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="">历史与创新</a><div class="icon-arrow font-18 arrow"><span></span></div>
|
||||
<div class="S-Menu" style="display: none">
|
||||
<ul>
|
||||
<li><a href="">最新动态</a></li>
|
||||
<li><a href="__ORICOROOT__/index/Group/brand">品牌发展</a></li>
|
||||
<li><a href="__ORICOROOT__/index/Group/honor">荣誉与证书</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="__ORICOROOT__/index/Group/job">加入我们</a></li>
|
||||
<li><a href="__ORICOROOT__/index/Group/Contact">联系我们</a></li>
|
||||
</ul>
|
||||
<div class="SingIn-button text-c"><a href="/register.html">注册</a><a href="/login.html">登录</a></div>
|
||||
<a href="__ORICOROOT__/index/Group/search"><div class="search">
|
||||
<button class="updown_search_btn" type="sumbit" id="bnt_email"><span class="icon-search"></span></button>
|
||||
<input class="form-control" name="keywords" placeholder="全站搜索" value="" type="text">
|
||||
</div> </a>
|
||||
</div>
|
||||
<div class="m-Country" style="display: none;">
|
||||
<?php if(!empty($country_list)): ?>
|
||||
<ul>
|
||||
<?php foreach($country_list as $key => $value): ?>
|
||||
<?php if ($value['code'] != 'ZH'): ?>
|
||||
<li><a href="<?php echo $value['url']; ?>"><p class="countries <?php echo $value['code']; ?>"></p><p><?php echo $value['country_name']; ?></p></a></li>
|
||||
<?php endif; ?>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
</header>
|
||||
<script>
|
||||
/*菜单栏*/
|
||||
$( function () {
|
||||
$( ".Menu" ).click( function () {
|
||||
$( this ).toggleClass( "icon-close" );
|
||||
$( ".Country" ).children().show();
|
||||
$( ".m-Menu" ).slideToggle( 500 );
|
||||
$( ".Country" ).removeClass( "icon-close" );
|
||||
$( ".m-Country" ).hide();
|
||||
$( ".m-Menu ul" ).animate( {
|
||||
fontSize: "1em"
|
||||
} );
|
||||
} );
|
||||
} )
|
||||
/*国家栏*/
|
||||
$( function () {
|
||||
$( ".Country" ).click( function () {
|
||||
$( this ).children().toggle();
|
||||
$( this ).toggleClass( "icon-close" );
|
||||
$( ".Menu" ).removeClass( "icon-close" );
|
||||
$( ".m-Country" ).slideToggle( 500 );
|
||||
$( ".m-Menu" ).hide();
|
||||
} );
|
||||
} )
|
||||
/*箭头下拉*/
|
||||
$( function () {
|
||||
$( ".m-Menu .arrow" ).click( function () {
|
||||
$( this ).parent().find( ".S-Menu" ).slideToggle( 500 );
|
||||
$( this ).toggleClass( "arrow-r" )
|
||||
} );
|
||||
} )
|
||||
</script>
|
||||
43
app/index/view/include/top-header-nas.phtml
Executable file
43
app/index/view/include/top-header-nas.phtml
Executable file
@@ -0,0 +1,43 @@
|
||||
<header class="narsPage-head">
|
||||
<div class="headcenter">
|
||||
<img
|
||||
class="logico"
|
||||
style="cursor:pointer;"
|
||||
src="__PUBLIC__/web/images/logo_nas.png"
|
||||
onclick="location.href='{:url(\'TopsNas/index\')}'"
|
||||
/>
|
||||
<nav class="headnav">
|
||||
<!-- {volist name="nav_header" id="vo"}
|
||||
<div class="navitem">
|
||||
<a href="{$vo.url}" {if condition="$vo.is_new_window_open"}target="_blank"{/if}>{$vo.name}</a>
|
||||
{if condition="!empty($vo.items)"}
|
||||
<img src="/frontend/weben/images/indeximg/black-down.png" class="downimg" alt="">
|
||||
<ul class="children">
|
||||
{volist name="vo.items" id="it"}
|
||||
<li>
|
||||
<a href="{$it.url}" {if condition="$it.is_new_window_open"}target="_blank"{/if}>{$it.name}</a>
|
||||
</li>
|
||||
{/volist}
|
||||
</ul>
|
||||
{/if}
|
||||
</div>
|
||||
{/volist} -->
|
||||
{volist name="nav_header" id="vo"}
|
||||
<a
|
||||
class="navitem"
|
||||
href="{$vo.url}" {if condition="$vo.is_new_window_open"}target="_blank"{/if}
|
||||
>
|
||||
{$vo.name}
|
||||
</a>
|
||||
{/volist}
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<script type="text/javascript">
|
||||
document.querySelectorAll('.navitem').forEach(function(it) {
|
||||
it.classList.remove('hover')
|
||||
if (location.pathname.endsWith(it.getAttribute('href'))) {
|
||||
it.classList.add('hover')
|
||||
}
|
||||
})
|
||||
</script>
|
||||
162
app/index/view/include/top-header-new.phtml
Executable file
162
app/index/view/include/top-header-new.phtml
Executable file
@@ -0,0 +1,162 @@
|
||||
<div class="nav">
|
||||
<div class="swt-Container overflow-f">
|
||||
<div class="all-logo">
|
||||
<div class="logo logo-black"><a href="__ORICOROOT__"><img src="/uploads/default/logo-black.png" alt="图片描述"></a></div>
|
||||
<div class="logo logo-white"><a href="__ORICOROOT__"><img src="/uploads/default/logo-white.png" alt="图片描述"></a></div>
|
||||
</div>
|
||||
<div class="all-logo-black" style="display: none">
|
||||
<div class="logo"><a href="__ORICOROOT__"><img src="/uploads/default/logo-black.png" alt="图片描述"></a></div>
|
||||
</div>
|
||||
<div class="navfl">
|
||||
<ul class="navul">
|
||||
<li id="index" class="products main_nav"><a href="__ORICOROOT__">首页</a></li>
|
||||
<li id="nav1" class="products main_nav">
|
||||
<a href="<?php echo url_rewrite('product'); ?>" class="aons">产品与服务<span class="icon-arrow arrow"></span></a>
|
||||
<dl class="navlist" style="display: block">
|
||||
<div class="swt-Container ca_list text-left">
|
||||
<div class="tab">
|
||||
<?php if (!empty($productCategory)): ?>
|
||||
<?php foreach ($productCategory as $key => $value): ?>
|
||||
<a href="" class="nav_title"><span><?php echo $value['name']; ?></span></a>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<div class="two_nav content">
|
||||
<ul>
|
||||
<?php if (!empty($productCategory)): ?>
|
||||
<?php foreach ($productCategory as $key => $value): ?>
|
||||
|
||||
<li style="<?php if ($value['id'] != 75): ?> display: none <?php endif; ?>">
|
||||
<?php if (!empty($value['child'])): ?>
|
||||
<div class="two_nav_<?php echo $value['id']; ?>">
|
||||
<?php foreach ($value['child'] as $k => $v): ?>
|
||||
<dl>
|
||||
<dt class="nav_title"><?php echo $v['name']; ?></dt>
|
||||
<?php if (!empty($v['child'])): ?>
|
||||
<?php foreach ($v['child'] as $index => $item): ?>
|
||||
<dd><?php echo $item['name']; ?></dd>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</dl>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</li>
|
||||
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="ca_list_line"></div>
|
||||
</div>
|
||||
<?php
|
||||
$oneLevelCategory = [];
|
||||
foreach ($productCategory as $k => $pc): if ($k > 6)
|
||||
break;
|
||||
if (isset($category['id']) && $category['id'] == $pc['id'])
|
||||
$oneLevelCategory = isset($pc['child']) ? $pc['child'] : [];
|
||||
?>
|
||||
<a href="<?php echo url_rewrite('product', ['id' => $pc['id']]); ?>">
|
||||
<img src="<?php echo $pc['icon']; ?>">
|
||||
<p><?php echo $pc['name']; ?></p>
|
||||
</a>
|
||||
<?php endforeach; ?>
|
||||
?>
|
||||
</dl>
|
||||
|
||||
</li>
|
||||
<li id="nav2" class="products main_nav">
|
||||
<a href="#">价值与使命<span class="icon-arrow arrow"></span></a>
|
||||
<dl class="navlist navlist2">
|
||||
<dd class="navdd">
|
||||
<div class="ddfl">
|
||||
<a href="__ORICOROOT__/index/Group/weare">我们是</a>
|
||||
<a href="__ORICOROOT__/index/Group/wewill">我们会</a>
|
||||
<a href="__ORICOROOT__/index/Group/culture">文化与价值观</a>
|
||||
<a href="__ORICOROOT__/index/Group/vision">愿景与使命</a>
|
||||
</div>
|
||||
<div class="ddrh"><img src="__PUBLIC__/web/uploadfiles/image/dd1.jpg">
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li id="nav3" class="main_nav">
|
||||
<a href="#">历史与创新<span class="icon-arrow arrow"></span></a>
|
||||
<dl class="navlist navlist1">
|
||||
<dd class="navdd">
|
||||
<div class="ddfl">
|
||||
<a href="__ORICOROOT__<?php echo url_rewrite('article'); ?>">最新动态</a>
|
||||
<a href="__ORICOROOT__/index/Group/brand">品牌发展</a>
|
||||
<a href="__ORICOROOT__/index/Group/honor">荣誉与证书</a>
|
||||
</div>
|
||||
<div class="ddrh"><img src="__PUBLIC__/web/uploadfiles/image/dd3.jpg">
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<!--<li id="nav2" class="products"><a href="/index/Group/culture">价值与使命</a>
|
||||
</li>
|
||||
<li id="nav3" class="products"><a href="#">历史与创新</a>
|
||||
</li>-->
|
||||
<li id="nav4" class="products main_nav"><a href="__ORICOROOT__/index/Group/job">加入我们</a>
|
||||
</li>
|
||||
<li id="nav5" class="products main_nav"><a href="__ORICOROOT__/index/Group/Contact">联系我们</a>
|
||||
</li>
|
||||
<li id="nav6" class="products main_nav">
|
||||
<a href="#">技术支持<span class="icon-arrow arrow"></span></a>
|
||||
<dl class="navlist navlist3">
|
||||
<dd class="navdd">
|
||||
<div class="ddfl">
|
||||
<div class="swt-Container">
|
||||
<p class="text-r"><a href="__ORICOROOT__<?php echo url_rewrite('download'); ?>">软件及驱动</a></p>
|
||||
<p><a href="__ORICOROOT__<?php echo url_rewrite('video'); ?>">视频专区</a></p>
|
||||
<p><a href="__ORICOROOT__/index/antifake/">SSD防伪查询</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clear"></div>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<div class="navfl">
|
||||
<ul class="navul">
|
||||
</ul>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
/*固定头部*/
|
||||
window.onload=function()
|
||||
{
|
||||
if(document.readyState=="complete")
|
||||
{
|
||||
document.getElementById("wap-search-in").focus();
|
||||
}
|
||||
}
|
||||
|
||||
var theme_color= $("#header").attr("class");
|
||||
var header_class = $("header").attr("class");
|
||||
/*滚动条大于100固定头部*/
|
||||
$(window).scroll(function() {
|
||||
// 当滚动到最底部以上100像素时， 固定头部
|
||||
if ($(this).scrollTop() > 100) {
|
||||
$("header").removeClass("header-Index").addClass("header-Product");
|
||||
$("#header").removeClass(theme_color).addClass("theme-black");
|
||||
}
|
||||
else
|
||||
{
|
||||
$("header").removeClass("header-Product").addClass(header_class);
|
||||
$("#header").removeClass("theme-black").addClass(theme_color);
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
167
app/index/view/include/top-header.phtml
Executable file
167
app/index/view/include/top-header.phtml
Executable file
@@ -0,0 +1,167 @@
|
||||
<div class="nav">
|
||||
<div class="swt-Container overflow-f">
|
||||
<div class="all-logo">
|
||||
<div class="logo logo-black"><a href="__ORICOROOT__"><img src="/uploads/default/logo-black.png" alt="图片描述"></a></div>
|
||||
<div class="logo logo-white"><a href="__ORICOROOT__"><img src="/uploads/default/logo-white.png" alt="图片描述"></a></div>
|
||||
</div>
|
||||
<div class="all-logo-black" style="display: none">
|
||||
<div class="logo"><a href="__ORICOROOT__"><img src="/uploads/default/logo-black.png" alt="图片描述"></a></div>
|
||||
</div>
|
||||
<div class="navfl">
|
||||
<ul class="navul">
|
||||
<li id="index" class="products main_nav"><a href="__ORICOROOT__">首页</a></li>
|
||||
<li id="nav1" class="products main_nav">
|
||||
<a href="<?php echo url_rewrite('product'); ?>" class="aons">产品与服务<span class="icon-arrow arrow"></span></a>
|
||||
<dl class="navlist navlist_c" style="display: none">
|
||||
<div class="swt-Container ca_list text-left">
|
||||
<?php if (!empty($productCategory)): ?>
|
||||
<?php foreach ($productCategory as $key => $value):
|
||||
if (isset($category['id']) && $category['id'] == $value['id'])
|
||||
$oneLevelCategory = isset($value['child']) ? $value['child'] : [];
|
||||
$have_3_child = 0;
|
||||
if (!empty($value['child']))
|
||||
{
|
||||
foreach ($value['child'] as $k => $v)
|
||||
{
|
||||
if (!empty($v['child']))
|
||||
{
|
||||
$have_3_child = 1;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
?>
|
||||
<div class="ca_lists">
|
||||
<a href="__ORICOROOT__/product/category/<?php echo $value['id']?>.html" class="nav_title one_category"><img src="<?php echo $value['m_icon']?>"><?php echo $value['name']; ?><i class="icon-r-arrow arrow_title"></i></a>
|
||||
<?php if ($have_3_child == 0): ?>
|
||||
<div class="two_nav two_nav_other" style="display: none;">
|
||||
<?php if (!empty($value['child'])): ?>
|
||||
|
||||
<?php foreach ($value['child'] as $k => $v): ?>
|
||||
<div class=""><a href="__ORICOROOT__/product/subcategory/<?php echo $v['id']?>.html"><img src="<?php echo $v['m_icon']; ?>"><?php echo $v['name']; ?></a></div>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
<?php else: ?>
|
||||
<div style="<?php if ($key != 0): ?> display: none <?php endif; ?>">
|
||||
<?php if (!empty($value['child'])): ?>
|
||||
<div class="two_nav_<?php echo $value['id']; ?> two_nav">
|
||||
<?php foreach ($value['child'] as $k => $v): ?>
|
||||
<dl>
|
||||
<dt class="nav_list_title"><a href="__ORICOROOT__/product/subcategory/<?php echo $v['id']?>.html"><img src="<?php echo $v['m_icon']; ?>"><?php echo $v['name']; ?></a></dt>
|
||||
<?php if (!empty($v['child'])): ?>
|
||||
<?php foreach ($v['child'] as $index => $item): ?>
|
||||
<dd><a href="__ORICOROOT__/product/subcategory/<?php echo $item['id']?>.html"><img src="<?php echo $item['picture']; ?>"><?php echo $item['shortname']; ?><?php echo $item['name']; ?></a></dd>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</dl>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</dl>
|
||||
|
||||
</li>
|
||||
<li id="nav2" class="products main_nav">
|
||||
<a href="#">价值与使命<span class="icon-arrow arrow"></span></a>
|
||||
<dl class="navlist navlist2">
|
||||
<dd class="navdd">
|
||||
<div class="ddfl">
|
||||
<a href="__ORICOROOT__/index/Group/weare">我们是</a>
|
||||
<a href="__ORICOROOT__/index/Group/wewill">我们会</a>
|
||||
<a href="__ORICOROOT__/index/Group/culture">文化与价值观</a>
|
||||
<a href="__ORICOROOT__/index/Group/vision">愿景与使命</a>
|
||||
<a href="__ORICOROOT__/index/Group/responsibility">企业社会责任报告书</a>
|
||||
</div>
|
||||
<div class="ddrh"><img src="__PUBLIC__/web/uploadfiles/image/dd1.jpg">
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li id="nav3" class="main_nav">
|
||||
<a href="#">历史与创新<span class="icon-arrow arrow"></span></a>
|
||||
<dl class="navlist navlist1">
|
||||
<dd class="navdd">
|
||||
<div class="ddfl">
|
||||
<a href="__ORICOROOT__<?php echo url_rewrite('article'); ?>">最新动态</a>
|
||||
<a href="__ORICOROOT__/index/Group/brand">品牌发展</a>
|
||||
<a href="__ORICOROOT__/index/Group/honor">荣誉与证书</a>
|
||||
</div>
|
||||
<div class="ddrh"><img src="__PUBLIC__/web/uploadfiles/image/dd3.jpg">
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<!--<li id="nav2" class="products"><a href="/index/Group/culture">价值与使命</a>
|
||||
</li>
|
||||
<li id="nav3" class="products"><a href="#">历史与创新</a>
|
||||
</li>-->
|
||||
<li id="nav4" class="products main_nav"><a href="__ORICOROOT__/index/Group/job">加入我们</a>
|
||||
</li>
|
||||
<li id="nav5" class="products main_nav"><a href="__ORICOROOT__/index/Group/Contact">联系我们</a>
|
||||
</li>
|
||||
<li id="nav6" class="products main_nav">
|
||||
<a href="#">技术支持<span class="icon-arrow arrow"></span></a>
|
||||
<dl class="navlist navlist3">
|
||||
<dd class="navdd">
|
||||
<div class="ddfl">
|
||||
<div class="swt-Container">
|
||||
<p class="text-r"><a href="__ORICOROOT__<?php echo url_rewrite('download'); ?>">软件及驱动</a></p>
|
||||
<p><a href="__ORICOROOT__<?php echo url_rewrite('video'); ?>">视频专区</a></p>
|
||||
<p><a href="__ORICOROOT__/index/antifake/">SSD防伪查询</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clear"></div>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<div class="navfl">
|
||||
<ul class="navul">
|
||||
</ul>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
/*固定头部*/
|
||||
// window.onload=function()
|
||||
// {
|
||||
// if(document.readyState=="complete")
|
||||
// {
|
||||
// document.getElementById("wap-search-in").focus();
|
||||
// }
|
||||
// }
|
||||
|
||||
var theme_color= $("#header").attr("class");
|
||||
var header_class = $("header").attr("class");
|
||||
/*滚动条大于100固定头部*/
|
||||
$(window).scroll(function() {
|
||||
// 当滚动到最底部以上100像素时， 固定头部
|
||||
if ($(this).scrollTop() > 100) {
|
||||
$("header").removeClass("header-Index").addClass("header-Product");
|
||||
$("#header").removeClass(theme_color).addClass("theme-black");
|
||||
}
|
||||
else
|
||||
{
|
||||
$("header").removeClass("header-Product").addClass(header_class);
|
||||
$("#header").removeClass("theme-black").addClass(theme_color);
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
147
app/index/view/include/top-header20190827.phtml
Executable file
147
app/index/view/include/top-header20190827.phtml
Executable file
@@ -0,0 +1,147 @@
|
||||
<div class="nav">
|
||||
<div class="swt-Container overflow-f">
|
||||
<div class="all-logo">
|
||||
<div class="logo logo-black"><a href="__ORICOROOT__"><img src="/uploads/default/logo-black.png" alt="图片描述"></a></div>
|
||||
<div class="logo logo-white"><a href="__ORICOROOT__"><img src="/uploads/default/logo-white.png" alt="图片描述"></a></div>
|
||||
</div>
|
||||
<div class="all-logo-black" style="display: none">
|
||||
<div class="logo"><a href="__ORICOROOT__"><img src="/uploads/default/logo-black.png" alt="图片描述"></a></div>
|
||||
</div>
|
||||
<div class="navfl">
|
||||
<ul class="navul">
|
||||
<li id="index" class="products main_nav"><a href="__ORICOROOT__">首页</a></li>
|
||||
<li id="nav1" class="products main_nav">
|
||||
<a href="<?php echo url_rewrite('product'); ?>" class="aons">产品与服务<span class="icon-arrow arrow"></span></a>
|
||||
<dl class="navlist" >
|
||||
<dd class="listfl">
|
||||
<div class="navicon">
|
||||
<?php
|
||||
$oneLevelCategory = [];
|
||||
foreach ($productCategory as $k => $pc): if ($k > 7)
|
||||
break;
|
||||
if (isset($category['id']) && $category['id'] == $pc['id'])
|
||||
$oneLevelCategory = isset($pc['child']) ? $pc['child'] : [];
|
||||
?>
|
||||
<a href="<?php echo url_rewrite('product', ['id' => $pc['id']]); ?>">
|
||||
<img src="<?php echo $pc['icon']; ?>">
|
||||
<p><?php echo $pc['name']; ?></p>
|
||||
</a>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
</dd>
|
||||
<dd class="listrh">
|
||||
<div class="navimg">
|
||||
<div class="liimg"><a href="__ORICOROOT__/index/Group/special"><img src="/uploads/allimg/p16281x144.jpg"></a>
|
||||
</div>
|
||||
<div class="navtit">
|
||||
<p class="ntit">特色产品专题</p>
|
||||
<a href="__ORICOROOT__/index/Group/special"><img src="__PUBLIC__/web/images/jt.png"></a>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="navimg">
|
||||
<div class="liimg"><a href="__ORICOROOT__/index/Group/odm"><img src="/uploads/allimg/img16281x144.jpg"></a>
|
||||
</div>
|
||||
<div class="navtit">
|
||||
<p class="ntit">OEM/ODM</p>
|
||||
<a href="__ORICOROOT__/index/Group/odm"><img src="__PUBLIC__/web/images/jt.png"></a>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</dl>
|
||||
</li>
|
||||
<li id="nav2" class="products main_nav">
|
||||
<a href="#">价值与使命<span class="icon-arrow arrow"></span></a>
|
||||
<dl class="navlist navlist2">
|
||||
<dd class="navdd">
|
||||
<div class="ddfl">
|
||||
<a href="__ORICOROOT__/index/Group/weare">我们是</a>
|
||||
<a href="__ORICOROOT__/index/Group/wewill">我们会</a>
|
||||
<a href="__ORICOROOT__/index/Group/culture">文化与价值观</a>
|
||||
<a href="__ORICOROOT__/index/Group/vision">愿景与使命</a>
|
||||
</div>
|
||||
<div class="ddrh"><img src="__PUBLIC__/web/uploadfiles/image/dd1.jpg">
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li id="nav3" class="main_nav">
|
||||
<a href="#">历史与创新<span class="icon-arrow arrow"></span></a>
|
||||
<dl class="navlist navlist1">
|
||||
<dd class="navdd">
|
||||
<div class="ddfl">
|
||||
<a href="__ORICOROOT__<?php echo url_rewrite('article'); ?>">最新动态</a>
|
||||
<a href="__ORICOROOT__/index/Group/brand">品牌发展</a>
|
||||
<a href="__ORICOROOT__/index/Group/honor">荣誉与证书</a>
|
||||
</div>
|
||||
<div class="ddrh"><img src="__PUBLIC__/web/uploadfiles/image/dd3.jpg">
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<!--<li id="nav2" class="products"><a href="/index/Group/culture">价值与使命</a>
|
||||
</li>
|
||||
<li id="nav3" class="products"><a href="#">历史与创新</a>
|
||||
</li>-->
|
||||
<li id="nav4" class="products main_nav"><a href="__ORICOROOT__/index/Group/job">加入我们</a>
|
||||
</li>
|
||||
<li id="nav5" class="products main_nav"><a href="__ORICOROOT__/index/Group/Contact">联系我们</a>
|
||||
</li>
|
||||
<li id="nav6" class="products main_nav">
|
||||
<a href="#">技术支持<span class="icon-arrow arrow"></span></a>
|
||||
<dl class="navlist navlist3">
|
||||
<dd class="navdd">
|
||||
<div class="ddfl">
|
||||
<div class="swt-Container">
|
||||
<p class="text-r"><a href="__ORICOROOT__<?php echo url_rewrite('download'); ?>">软件及驱动</a></p>
|
||||
<p><a href="__ORICOROOT__/index/antifake/">SSD系列伪查询</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clear"></div>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<div class="navfl">
|
||||
<ul class="navul">
|
||||
</ul>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
/*固定头部*/
|
||||
window.onload=function()
|
||||
{
|
||||
if(document.readyState=="complete")
|
||||
{
|
||||
document.getElementById("wap-search-in").focus();
|
||||
}
|
||||
}
|
||||
|
||||
var theme_color= $("#header").attr("class");
|
||||
var header_class = $("header").attr("class");
|
||||
/*滚动条大于100固定头部*/
|
||||
$(window).scroll(function() {
|
||||
// 当滚动到最底部以上100像素时， 固定头部
|
||||
if ($(this).scrollTop() > 100) {
|
||||
$("header").removeClass("header-Index").addClass("header-Product");
|
||||
$("#header").removeClass(theme_color).addClass("theme-black");
|
||||
}
|
||||
else
|
||||
{
|
||||
$("header").removeClass("header-Product").addClass(header_class);
|
||||
$("#header").removeClass("theme-black").addClass(theme_color);
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
143
app/index/view/include/top-header20191012.phtml
Executable file
143
app/index/view/include/top-header20191012.phtml
Executable file
@@ -0,0 +1,143 @@
|
||||
<div class="nav">
|
||||
<div class="swt-Container overflow-f">
|
||||
<div class="all-logo">
|
||||
<div class="logo logo-black"><a href="__ORICOROOT__"><img src="/uploads/default/logo-black.png" alt="图片描述"></a></div>
|
||||
<div class="logo logo-white"><a href="__ORICOROOT__"><img src="/uploads/default/logo-white.png" alt="图片描述"></a></div>
|
||||
</div>
|
||||
<div class="all-logo-black" style="display: none">
|
||||
<div class="logo"><a href="__ORICOROOT__"><img src="/uploads/default/logo-black.png" alt="图片描述"></a></div>
|
||||
</div>
|
||||
<div class="navfl">
|
||||
<ul class="navul">
|
||||
<li id="index" class="products main_nav"><a href="__ORICOROOT__">首页</a></li>
|
||||
<li id="nav1" class="products main_nav">
|
||||
<a href="<?php echo url_rewrite('product'); ?>" class="aons">产品与服务<span class="icon-arrow arrow"></span></a>
|
||||
<dl class="navlist navlist_c" style="display: none">
|
||||
<div class="swt-Container ca_list text-left">
|
||||
<?php if (!empty($productCategory)): ?>
|
||||
<?php foreach ($productCategory as $key => $value):
|
||||
if (isset($category['id']) && $category['id'] == $value['id'])
|
||||
$oneLevelCategory = isset($value['child']) ? $value['child'] : []
|
||||
?>
|
||||
<div class="ca_lists">
|
||||
<a href="__ORICOROOT__/product/category/<?php echo $value['id']?>.html" class="nav_title"><span><?php echo $value['name']; ?></span></a>
|
||||
<div style="<?php if ($value['id'] != 75): ?> display: none <?php endif; ?>">
|
||||
<?php if (!empty($value['child'])): ?>
|
||||
<div class="two_nav_<?php echo $value['id']; ?> two_nav">
|
||||
<div class="swt-Container">
|
||||
<?php foreach ($value['child'] as $k => $v): ?>
|
||||
<dl>
|
||||
<dt class="nav_list_title"><a href="__ORICOROOT__/product/subcategory/<?php echo $v['id']?>.html"><?php echo $v['name']; ?></a></dt>
|
||||
<?php if (!empty($v['child'])): ?>
|
||||
<?php foreach ($v['child'] as $index => $item): ?>
|
||||
<dd><a href="__ORICOROOT__/product/subcategory/<?php echo $item['id']?>.html"><?php echo $item['shortname']; ?></a></dd>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</dl>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
<div class="ca_list_line"></div>
|
||||
</div>
|
||||
</dl>
|
||||
|
||||
</li>
|
||||
<li id="nav2" class="products main_nav">
|
||||
<a href="#">价值与使命<span class="icon-arrow arrow"></span></a>
|
||||
<dl class="navlist navlist2">
|
||||
<dd class="navdd">
|
||||
<div class="ddfl">
|
||||
<a href="__ORICOROOT__/index/Group/weare">我们是</a>
|
||||
<a href="__ORICOROOT__/index/Group/wewill">我们会</a>
|
||||
<a href="__ORICOROOT__/index/Group/culture">文化与价值观</a>
|
||||
<a href="__ORICOROOT__/index/Group/vision">愿景与使命</a>
|
||||
</div>
|
||||
<div class="ddrh"><img src="__PUBLIC__/web/uploadfiles/image/dd1.jpg">
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li id="nav3" class="main_nav">
|
||||
<a href="#">历史与创新<span class="icon-arrow arrow"></span></a>
|
||||
<dl class="navlist navlist1">
|
||||
<dd class="navdd">
|
||||
<div class="ddfl">
|
||||
<a href="__ORICOROOT__<?php echo url_rewrite('article'); ?>">最新动态</a>
|
||||
<a href="__ORICOROOT__/index/Group/brand">品牌发展</a>
|
||||
<a href="__ORICOROOT__/index/Group/honor">荣誉与证书</a>
|
||||
</div>
|
||||
<div class="ddrh"><img src="__PUBLIC__/web/uploadfiles/image/dd3.jpg">
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<!--<li id="nav2" class="products"><a href="/index/Group/culture">价值与使命</a>
|
||||
</li>
|
||||
<li id="nav3" class="products"><a href="#">历史与创新</a>
|
||||
</li>-->
|
||||
<li id="nav4" class="products main_nav"><a href="__ORICOROOT__/index/Group/job">加入我们</a>
|
||||
</li>
|
||||
<li id="nav5" class="products main_nav"><a href="__ORICOROOT__/index/Group/Contact">联系我们</a>
|
||||
</li>
|
||||
<li id="nav6" class="products main_nav">
|
||||
<a href="#">技术支持<span class="icon-arrow arrow"></span></a>
|
||||
<dl class="navlist navlist3">
|
||||
<dd class="navdd">
|
||||
<div class="ddfl">
|
||||
<div class="swt-Container">
|
||||
<p class="text-r"><a href="__ORICOROOT__<?php echo url_rewrite('download'); ?>">软件及驱动</a></p>
|
||||
<p><a href="__ORICOROOT__/index/antifake/">SSD系列伪查询</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clear"></div>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<div class="navfl">
|
||||
<ul class="navul">
|
||||
</ul>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
/*固定头部*/
|
||||
window.onload=function()
|
||||
{
|
||||
if(document.readyState=="complete")
|
||||
{
|
||||
document.getElementById("wap-search-in").focus();
|
||||
}
|
||||
}
|
||||
|
||||
var theme_color= $("#header").attr("class");
|
||||
var header_class = $("header").attr("class");
|
||||
/*滚动条大于100固定头部*/
|
||||
$(window).scroll(function() {
|
||||
// 当滚动到最底部以上100像素时， 固定头部
|
||||
if ($(this).scrollTop() > 100) {
|
||||
$("header").removeClass("header-Index").addClass("header-Product");
|
||||
$("#header").removeClass(theme_color).addClass("theme-black");
|
||||
}
|
||||
else
|
||||
{
|
||||
$("header").removeClass("header-Product").addClass(header_class);
|
||||
$("#header").removeClass("theme-black").addClass(theme_color);
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
900
app/index/view/include/top-header2023.phtml
Executable file
900
app/index/view/include/top-header2023.phtml
Executable file
@@ -0,0 +1,900 @@
|
||||
<div class="Container head-nav" id="scroll">
|
||||
<div class="nav-1">
|
||||
<a href="__ORICOROOT__"><img src="__PUBLIC__/weben/images/indeximg/logo .png" ></a>
|
||||
</div>
|
||||
<div class="wrapper nav-2">
|
||||
<nav id="booNavigation" class="booNavigation">
|
||||
<ul>
|
||||
|
||||
<li class="navItem allbtn tabs-vertical" id="allbtntop">
|
||||
<a href="#" title="Products">产品列表</a>
|
||||
<img src="__PUBLIC__/weben/images/indeximg/black-down.png" class="downimg">
|
||||
<?php if (!empty($productCategory)): ?>
|
||||
<div class="navContent jspop">
|
||||
<ul>
|
||||
<?php foreach ($productCategory as $kp => $cate):?>
|
||||
<li>
|
||||
<a href="__ORICOROOT__/product/category/<?php echo $cate['id']?>.html" class="tab-active" data-index="<?php echo $kp; ?>" ><?php echo $cate['name']; ?></a>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
|
||||
<div class="tabs-content-placeholder" >
|
||||
<?php foreach ($productCategory as $key => $value):
|
||||
if (isset($category['id']) && $category['id'] == $value['id'])
|
||||
$oneLevelCategory = isset($value['child']) ? $value['child'] : [];
|
||||
$have_3_child = 0;
|
||||
if (!empty($value['child']))
|
||||
{
|
||||
foreach ($value['child'] as $k => $v)
|
||||
{
|
||||
if (!empty($v['child']))
|
||||
{
|
||||
$have_3_child = 1;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
?>
|
||||
<?php if (!empty($value['child'])): ?>
|
||||
<div class="tabs-content-placeholder-div tab-content-active">
|
||||
<?php foreach ($value['child'] as $k => $v): ?>
|
||||
<dl>
|
||||
<dt>
|
||||
<a class="ui-link" href="__ORICOROOT__/product/subcategory/<?php echo $v['id']?>.html"><img src="<?php echo $v['m_icon']; ?>"><?php echo $v['name']; ?></a>
|
||||
</dt>
|
||||
<?php if (!empty($v['child'])): ?>
|
||||
<?php foreach ($v['child'] as $index => $item): ?>
|
||||
<dd><a href="__ORICOROOT__/product/subcategory/<?php echo $item['id']?>.html"><?php echo $item['name']; ?></a></dd>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</dl>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php endif; ?>
|
||||
</li>
|
||||
|
||||
<?php if ($nav_header):
|
||||
foreach ($nav_header as $kn => $nav):
|
||||
if(strpos($nav['url'], 'http://') !== false || strpos($nav['url'], 'https://') !== false) {
|
||||
$link = $nav['url'];
|
||||
}
|
||||
else{
|
||||
if($nav['url']){
|
||||
$link = '__ORICOROOT__/'.$nav['url'];
|
||||
}
|
||||
else{
|
||||
$link = '#';
|
||||
}
|
||||
}
|
||||
if($kn < 7):
|
||||
?>
|
||||
|
||||
<li class="navItem">
|
||||
<a href="<?php echo $link; ?>" title="<?php echo $nav['name']; ?>" <?php if($nav['is_new_window_open']){echo "target='_blank'";} ?>><?php echo $nav['name']; ?></a>
|
||||
|
||||
<?php if (!empty($nav['items'])): ?>
|
||||
<img src="__PUBLIC__/weben/images/indeximg/black-down.png" class="downimg">
|
||||
<ol class="navContent navContent1">
|
||||
|
||||
<?php
|
||||
foreach ($nav['items'] as $kt => $child):
|
||||
if(strpos($child['url'], 'http://') !== false || strpos($child['url'], 'https://') !== false|| strpos($child['url'], 'htencent://') !== false) {
|
||||
$childLink = $child['url'];
|
||||
}
|
||||
else{
|
||||
$childLink = '__ORICOROOT__/'.$child['url'];
|
||||
}
|
||||
?>
|
||||
<li style="text-align:center;">
|
||||
<a href="<?php echo $child['url']; ?>" <?php if($child['is_new_window_open']){echo "target='_blank'";} ?> title="<?php echo $child['name']; ?>"><?php echo $child['name']; ?></a>
|
||||
</li>
|
||||
|
||||
<?php endforeach; ?>
|
||||
</ol>
|
||||
<?php endif; ?>
|
||||
</li>
|
||||
<?php endif; ?>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
<div class="nav-3">
|
||||
<div>
|
||||
<img id="openModalBtn" src="__PUBLIC__/weben/images/indeximg/icon-search.png" class="searchimg">
|
||||
</div>
|
||||
<div>
|
||||
<img src="__PUBLIC__/weben/images/indeximg/icon-language.png" class="checkimg" id="countrycheck">
|
||||
<div id="top-country" class="hidden">
|
||||
<ul>
|
||||
<li class="desktopli1">
|
||||
<span class="close-btn1" id="closeModalBtn1">×</span>
|
||||
</li>
|
||||
<a href="https://www.orico.com.cn/" class="cn" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/CN.png" /></div>
|
||||
<div class="desktop-10">China - 中文简体</div>
|
||||
</li></a>
|
||||
<a href="https://www.orico.cc/us" class="ca" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/US.png" /></div>
|
||||
<div class="desktop-10">USA - English</div>
|
||||
</li></a>
|
||||
<a href="https://www.oricobr.com" class="us" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/BR.png" /></div>
|
||||
<div class="desktop-10">Brazil - português</div>
|
||||
</li></a>
|
||||
<a href="https://www.ORICOPERU.com" class="us" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/MX.png" /></div>
|
||||
<div class="desktop-10">Peru - español</div>
|
||||
</li></a>
|
||||
<a href="https://www.orico.cc/th" class="hk" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/TH.png" /></div>
|
||||
<div class="desktop-10">Thailand - ไทย</div>
|
||||
</li></a>
|
||||
<a href="https://www.orico.cc/id" class="jp" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/ID.png" /></div>
|
||||
<div class="desktop-10">Indonesia - bahasa Indonesia</div>
|
||||
</li></a>
|
||||
<a href="https://www.orico.cc/vn" class="kr" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/VN.png" /></div>
|
||||
<div class="desktop-10">Vietnam - Tiếng Việt</div>
|
||||
</li></a>
|
||||
<a href="https://www.orico.shop/" class="be" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/NL.png" /></div>
|
||||
<div class="desktop-10">Netherlands - English</div>
|
||||
</li></a>
|
||||
<a href="http://www.oricoturkiye.com/" class="tr" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/TR.png" /></div>
|
||||
<div class="desktop-10">Türkiye - Cumhuriyeti</div>
|
||||
</li></a>
|
||||
<a href="https://orico-iran.ir" class="bh" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/IR.png" /></div>
|
||||
<div class="desktop-10">Iran - فارسی</div>
|
||||
</li></a>
|
||||
<a href="http://www.orico.com.au/ " class="au" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/AU.png" /></div>
|
||||
<div class="desktop-10">Australia - English</div>
|
||||
</li></a>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div id="modal" class="modal">
|
||||
<div class="modal-content Search">
|
||||
<span class="close-btn" id="closeModalBtn">×</span>
|
||||
<input type="text" name="keywords" id="search-in" value="" />
|
||||
<div id="search" class="search_content search_default"></div>
|
||||
<div class="modal_1">
|
||||
<p class="tit1">搜索记录</p>
|
||||
<div>
|
||||
<ul>
|
||||
<?php
|
||||
$historyList = getBannerList(79, 5);
|
||||
if ($historyList):
|
||||
?>
|
||||
<?php foreach ($historyList as $kh => $history): ?>
|
||||
<li><a href="<?php echo $history['url']; ?>"><?php echo $history['name']; ?></a></li>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal_2">
|
||||
<p class="tit1">热销产品</p>
|
||||
<?php
|
||||
if ($popular_list):
|
||||
?>
|
||||
<?php foreach ($popular_list as $kp => $popular): ?>
|
||||
|
||||
<div class="picture21">
|
||||
<a href="__ORICOROOT__<?php echo url_rewrite('productdetail', ['id' => $popular['id']]); ?>"><img title="<?php echo $popular['name']; ?>" class="picture21-img" src="<?php echo getImage($popular['list_bk_img']); ?>"></a>
|
||||
<div class="title"> <?php echo $popular['name']; ?></div>
|
||||
<div class="subtitle"><?php echo $popular['shortname']; ?></div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
// 导航
|
||||
$(document).ready(function() {
|
||||
var widget = $('.tabs-vertical');
|
||||
var tabs = widget.find(' ul a'),
|
||||
content = widget.find('.tabs-content-placeholder-div');
|
||||
|
||||
tabs.on('mouseover', function (e) {
|
||||
e.preventDefault();
|
||||
// Get the data-index attribute, and show the matching content div
|
||||
var index = $(this).data('index');
|
||||
tabs.removeClass('tab-active');
|
||||
content.removeClass('tab-content-active');
|
||||
$(this).addClass('tab-active');
|
||||
content.eq(index).addClass('tab-content-active');
|
||||
});
|
||||
});
|
||||
|
||||
$(document).ready(function() {
|
||||
$('#countrycheck').click(function() {
|
||||
$('#top-country').toggleClass('hidden block');
|
||||
});
|
||||
$('#closeModalBtn1').click(function() {
|
||||
$('#top-country').toggleClass('hidden block');
|
||||
});
|
||||
});
|
||||
// 搜索弹窗
|
||||
$(document).ready(function() {
|
||||
// 点击打开按钮显示弹出框
|
||||
$('#openModalBtn').mouseover(function() {
|
||||
$('#modal').fadeIn();
|
||||
});
|
||||
// 点击关闭按钮或背景模态框，隐藏弹出框
|
||||
$('#closeModalBtn, .modal').click(function() {
|
||||
$('#modal').fadeOut();
|
||||
});
|
||||
// 防止点击弹出框内容时关闭弹出框
|
||||
$('.modal-content').click(function(e) {
|
||||
e.stopPropagation();
|
||||
});
|
||||
});
|
||||
/************搜索****************/
|
||||
$(function() {
|
||||
var search_input = $(".Search input");
|
||||
var search_content = $(".search_content");
|
||||
|
||||
$(search_input).on("keyup", function(e)
|
||||
{
|
||||
$("#search-in").keyup(function(event) {
|
||||
if (event && event.keyCode === 13) {
|
||||
var keywords = $("#search-in").val();
|
||||
var href = "<?php echo url('/search'); ?>?skeyword=" + encodeURIComponent(keywords);
|
||||
location.href = href;
|
||||
$("#modal").hide();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
|
||||
$(".search_content").bind("click", function(event) {
|
||||
var skeyword = $(".Search input").val();
|
||||
if (skeyword) {
|
||||
var href = "<?php echo url('/search'); ?>?skeyword=" + encodeURIComponent(skeyword);
|
||||
location.href = href;
|
||||
}
|
||||
else{
|
||||
var href = "<?php echo url('/search'); ?>";
|
||||
location.href = href;
|
||||
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/modal.min.css">
|
||||
<style type="text/css">
|
||||
|
||||
#search-in{
|
||||
margin-left: 10%;
|
||||
margin-top: 5%;
|
||||
width: 80%;
|
||||
height: 44px;
|
||||
border: 1px solid grey;
|
||||
border-radius:22px;
|
||||
background: url('__PUBLIC__/weben/images/indeximg/sousuo1.png') no-repeat;
|
||||
background-position: 95% 50%;
|
||||
padding-left: 5%;
|
||||
}
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
ul li {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.wrapper a {
|
||||
color: #333;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.tabs-vertical ul{
|
||||
float: left;
|
||||
list-style: none;
|
||||
text-align: center;
|
||||
width: 20%;
|
||||
margin: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.tabs-vertical ul li a{
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
color: #656a6d;
|
||||
border: 1px solid transparent;
|
||||
border-right: 0;
|
||||
border-left: 0;
|
||||
padding: 16px 40px 16px 20px;
|
||||
}
|
||||
|
||||
.tabs-vertical ul li a.tab-active {
|
||||
border-color: #dddddd;
|
||||
background-color: #ffffff;
|
||||
box-shadow: 0px 2px 0px #EFEFEF;
|
||||
}
|
||||
|
||||
.tabs-vertical ul li:first-child a{
|
||||
border-top: 0;
|
||||
}
|
||||
/* The content */
|
||||
.tabs-vertical .tabs-content-placeholder{
|
||||
min-height: 460px;
|
||||
max-height: 660px;
|
||||
overflow: scroll;
|
||||
border-left: 1px solid #dddddd;
|
||||
font-weight: normal;
|
||||
background-color: #fff;
|
||||
margin: 0 auto;
|
||||
box-shadow: -3px 0 0px #F3F3F3;
|
||||
text-align: left;
|
||||
}
|
||||
.tabs-vertical .tabs-content-placeholder dd a{
|
||||
/*margin-left: 1.5%;*/
|
||||
}
|
||||
|
||||
.tabs-vertical .tabs-content-placeholder div{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tabs-vertical .tabs-content-placeholder div.tab-content-active{
|
||||
display: block;
|
||||
}
|
||||
|
||||
.tabs-vertical .tabs-content-placeholder div p{
|
||||
color: #565a5c;
|
||||
line-height: 1.5;
|
||||
text-align: left;
|
||||
margin: 5px 0 20px;
|
||||
}
|
||||
|
||||
.tabs-vertical .tabs-content-placeholder div img{
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
.tabs-vertical ul{
|
||||
float: none;
|
||||
}
|
||||
|
||||
.tabs-vertical ul li{
|
||||
display: inline-block;
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
|
||||
.tabs-vertical ul li a{
|
||||
border: 1px solid transparent;
|
||||
border-bottom: 0;
|
||||
border-top: 0;
|
||||
padding: 12px 15px;
|
||||
}
|
||||
|
||||
.tabs-vertical ul li a.tab-active {
|
||||
border-color: #dddddd;
|
||||
background-color: #ffffff;
|
||||
box-shadow: 2px 0px 0px #EFEFEF;
|
||||
}
|
||||
|
||||
.tabs-vertical ul li:first-child a{
|
||||
border-left: 0;
|
||||
}
|
||||
|
||||
.tabs-vertical .tabs-content-placeholder{
|
||||
padding: 15px 30px 30px;
|
||||
border-left: 0;
|
||||
border-top: 1px solid #dddddd;
|
||||
box-shadow: 0px -3px 0px #F3F3F3;
|
||||
}
|
||||
|
||||
}
|
||||
/*================================================== */
|
||||
.booNavigation {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.booNavigation li.navItem {
|
||||
width: 12.5%;
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
text-align: center;
|
||||
color: #000000;
|
||||
float: left;
|
||||
text-decoration: none;
|
||||
transition: all .3s ease;
|
||||
-webkit-transition: all .5s ease;
|
||||
-moz-transition: all .5s ease;
|
||||
-ms-transition: all .5s ease;
|
||||
-o-transition: all .5s ease;
|
||||
}
|
||||
|
||||
.booNavigation li.navItem:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
.booNavigation li.navItem:hover .navContent{
|
||||
display: block;
|
||||
}
|
||||
.booNavigation li.navItem > a {
|
||||
color: #000;
|
||||
padding-right:5px;
|
||||
}
|
||||
.a1{
|
||||
width: 100% !important;
|
||||
position: relative;
|
||||
}
|
||||
.a1 div:first-child{
|
||||
background-color: white;
|
||||
border-right:1px solid grey;
|
||||
width: 30% !important;
|
||||
float: left;
|
||||
}
|
||||
.jspop{
|
||||
display: none;
|
||||
margin: 0 !important;
|
||||
position: fixed;
|
||||
height: auto;
|
||||
background-color: #f2f2f2 !important;
|
||||
max-height: 660px;
|
||||
box-shadow: 3px 5px 60px -20px #88909A
|
||||
}
|
||||
.booNavigation li.navItem .navContent {
|
||||
display: none;
|
||||
background-color: #fff;
|
||||
color: black;
|
||||
left: 0;
|
||||
top: 60px;
|
||||
width: 100%;
|
||||
z-index: 9999;
|
||||
}
|
||||
.booNavigation li.navItem .navContent1 {
|
||||
background-color: #fff;
|
||||
color: black;
|
||||
left: 40.5%;
|
||||
position: fixed;
|
||||
top: 60px;
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
z-index: 9999;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.booNavigation li.navItem .navContent2 {
|
||||
background-color: #fff;
|
||||
color: black;
|
||||
left: 50.5%;
|
||||
position: fixed;
|
||||
top: 60px;
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
z-index: 9999;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.navContent2 li,.navContent1 li,.navContent3 li{
|
||||
width: 100%;
|
||||
padding: 0 10px;
|
||||
}
|
||||
.booNavigation li.navItem .navContent3 {
|
||||
background-color: #fff;
|
||||
color: black;
|
||||
left: 60%;
|
||||
position: fixed;
|
||||
top: 60px;
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
z-index: 9999;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.downimg{height:12px;}
|
||||
.booNavigation .navContent > li {
|
||||
color: #fff;
|
||||
float: left;
|
||||
text-align: left;
|
||||
}
|
||||
.booNavigation .jspop > li {
|
||||
color: #fff;
|
||||
float: left;
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.booNavigation .navContent ul li a {
|
||||
display: block;
|
||||
padding: 0 !important;
|
||||
line-height: 2.75rem !important;
|
||||
transition: all .3s ease;
|
||||
-webkit-transition: all .3s ease;
|
||||
-moz-transition: all .3s ease;
|
||||
-ms-transition: all .3s ease;
|
||||
-o-transition: all .3s ease;
|
||||
}
|
||||
|
||||
.booNavigation .navContent ul li a:hover {
|
||||
color: blue;
|
||||
}
|
||||
|
||||
/** Navigation examples
|
||||
================================================== */
|
||||
.nav-example {
|
||||
clear: left;
|
||||
}
|
||||
.navItem{
|
||||
position:relative;
|
||||
display: grid;
|
||||
grid-template-columns: auto auto; /* 设置两列 */
|
||||
align-items: center; /* 垂直居中对齐 */
|
||||
/* 可选：如果需要水平居中对齐图片和文字 */
|
||||
justify-content: center;
|
||||
}
|
||||
#allbtntop{
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.modal-fade-enter-active {
|
||||
animation: dialog-fade-in .3s;
|
||||
}
|
||||
|
||||
.modal-fade-leave-active {
|
||||
animation: dialog-fade-out .3s;
|
||||
}
|
||||
|
||||
@keyframes dialog-fade-in {
|
||||
0% {
|
||||
transform: translate3d(0, -20px, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translate3d(0, 0, 0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes dialog-fade-out {
|
||||
0% {
|
||||
transform: translate3d(0, 0, 0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translate3d(0, -20px, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.m-modal__wrapper {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
overflow: auto;
|
||||
margin: 0;
|
||||
background: rgba(0, 0, 0, .5);
|
||||
}
|
||||
|
||||
.m-modal__container {
|
||||
width: 25%;
|
||||
position: relative;
|
||||
margin: 0 auto 50px;
|
||||
background: #fff;
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
|
||||
box-sizing: border-box;
|
||||
margin-top: 15vh;
|
||||
animation: dialog-fade-in .3s;
|
||||
}
|
||||
|
||||
.m-modal__header {
|
||||
padding: 20px 20px 10px;
|
||||
}
|
||||
|
||||
.m-modal__title {
|
||||
line-height: 24px;
|
||||
font-size: 18px;
|
||||
color: #303133;
|
||||
}
|
||||
|
||||
button {
|
||||
-webkit-appearance: button;
|
||||
-webkit-writing-mode: horizontal-tb !important;
|
||||
text-rendering: auto;
|
||||
letter-spacing: normal;
|
||||
word-spacing: normal;
|
||||
text-transform: none;
|
||||
text-indent: 0px;
|
||||
text-shadow: none;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
align-items: flex-start;
|
||||
cursor: default;
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.m-modal__headerbtn {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
padding: 0;
|
||||
background: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.m-modal__close {
|
||||
color: #909399;
|
||||
}
|
||||
|
||||
.m-modal__headerbtn:hover .m-modal__close {
|
||||
color: #409EFF;
|
||||
}
|
||||
|
||||
.m-modal__body {
|
||||
padding: 30px 20px;
|
||||
color: #606266;
|
||||
font-size: 14px;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.m-modal__footer {
|
||||
padding: 10px 20px 20px;
|
||||
text-align: right;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.m-modal__footer button:first-child {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.m-modal-button {
|
||||
display: none;
|
||||
line-height: 1;
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
background: #fff;
|
||||
border: 1px solid #dcdfe6;
|
||||
color: #606266;
|
||||
-webkit-appearance: none;
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
outline: none;
|
||||
margin: 0;
|
||||
transition: .1s;
|
||||
font-weight: 500;
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
padding: 12px 20px;
|
||||
font-size: 14px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
#header{
|
||||
height: 60px;
|
||||
}
|
||||
.head-nav{
|
||||
/*position: fixed;*/
|
||||
/*top: 0;*/
|
||||
width: 100%;
|
||||
height: 60px;
|
||||
display: flex;
|
||||
z-index: 99999;
|
||||
background-color: white;
|
||||
color: black !important;
|
||||
}
|
||||
|
||||
.nav-1{
|
||||
position: relative;
|
||||
width: 20%;
|
||||
background-color: transparent;
|
||||
}
|
||||
.nav-1 img{
|
||||
margin-left: 50%;
|
||||
width:45%;
|
||||
margin-top:5px;
|
||||
}
|
||||
|
||||
@media screen and (max-width:1459px){
|
||||
.nav-1 img{
|
||||
margin-top:24px;
|
||||
}
|
||||
}
|
||||
.nav-2{
|
||||
width: 60%;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nav-3{
|
||||
position: relative;
|
||||
width: 20%;
|
||||
background-color: transparent;
|
||||
display: flex;
|
||||
}
|
||||
.nav-3 div{
|
||||
width: 10%;
|
||||
position: relative;
|
||||
}
|
||||
.nav-3 .searchimg{
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 5%;
|
||||
margin-top: -10px;
|
||||
}
|
||||
.nav-3 .checkimg{
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 20%;
|
||||
margin-top: -10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.nav-3 .checkimg:hover .top-country{
|
||||
display: block;
|
||||
}
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
.block {
|
||||
display: block;
|
||||
}
|
||||
#top-country{
|
||||
width: 250px;
|
||||
background-color: white;
|
||||
position: fixed;
|
||||
right: 5%;
|
||||
top: 60px;
|
||||
border-radius: 15px;
|
||||
box-shadow: 2px 2px 10px 1px #88909A;
|
||||
}
|
||||
#top-country li{
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
text-align: center;
|
||||
}
|
||||
.desktopli{
|
||||
display: flex;
|
||||
}
|
||||
.desktopli1{
|
||||
height: 30px !important;
|
||||
}
|
||||
.desktopli .desktop-2{
|
||||
width: 26%;
|
||||
margin-left: 0;
|
||||
}
|
||||
.desktopli .desktop-2 img{
|
||||
margin-left: 20px;
|
||||
margin-top: 15px;
|
||||
}
|
||||
.desktopli .desktop-10{
|
||||
width: 70%;
|
||||
text-align: left;
|
||||
margin-left: 10px;
|
||||
}
|
||||
#openModalBtn{
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.modal_1 {
|
||||
margin-top: 5%;
|
||||
margin-left: 10%;
|
||||
width: 80%;
|
||||
display: flex;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.modal_2 {
|
||||
margin-top: 5%;
|
||||
margin-left: 10%;
|
||||
width: 80%;
|
||||
display: flex;
|
||||
position: relative;
|
||||
text-align: left;
|
||||
}
|
||||
.modal_1 div{
|
||||
margin-top: 10%;
|
||||
margin-left: 1%;
|
||||
}
|
||||
.modal_2 div{
|
||||
text-align: center;
|
||||
margin-top: 10%;
|
||||
margin-left: 1%;
|
||||
}
|
||||
.modal_2 .title{
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 1; /* 显示两行 */
|
||||
overflow: hidden; /* 隐藏溢出部分的文字 */
|
||||
text-overflow: ellipsis; /* 超出部分显示省略号 */
|
||||
}
|
||||
.modal_2 .title :hover{
|
||||
overflow: visible;
|
||||
}
|
||||
.modal_2 .subtitle{
|
||||
font-size: 10px;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.tit1{
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 1%;
|
||||
font-size: 16px;
|
||||
color: #989898;
|
||||
}
|
||||
/* 背景模态框样式 */
|
||||
.modal {
|
||||
position: fixed;
|
||||
z-index: 1;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.7);
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
/* 弹出框内容样式 */
|
||||
.modal-content {
|
||||
background-color: #fff;
|
||||
padding: 20px;
|
||||
border-radius: 20px;
|
||||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
|
||||
position: absolute;
|
||||
right: 2%;
|
||||
width: 35%;
|
||||
top: 60px;
|
||||
height: 80%;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
/* 关闭按钮样式 */
|
||||
.close-btn {
|
||||
color: #aaa;
|
||||
float: right;
|
||||
font-size: 24px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.close-btn1 {
|
||||
color: #aaa;
|
||||
float: right;
|
||||
margin-top: -5px;
|
||||
cursor: pointer;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.close-btn:hover {
|
||||
color: #000;
|
||||
}
|
||||
.picture21{
|
||||
width: 33%;
|
||||
}
|
||||
.picture21-img{
|
||||
width: 7.1875rem!important;
|
||||
height: 7.1875rem!important;
|
||||
margin-left: 13%;
|
||||
}
|
||||
</style>
|
||||
372
app/index/view/include/top-product.phtml
Executable file
372
app/index/view/include/top-product.phtml
Executable file
@@ -0,0 +1,372 @@
|
||||
<!--头部-->
|
||||
<header class="header-PC header-Product">
|
||||
<div class="top">
|
||||
<div class="swt-Container-1200">
|
||||
<div class="top-L zg"><img src="__PUBLIC__/web/images/countries/CN.png"><span style="margin-left:5px">中国</span> <span class="top-old"></span> <a href="http://old.oricogroup.com">旧版</a>
|
||||
<div class="top-country topnav" style="display: none;">
|
||||
<div class="swt-Container position-r">
|
||||
<?php if(!empty($country_list)): ?>
|
||||
<ul>
|
||||
<?php foreach($country_list as $key => $value): ?>
|
||||
<?php if ($value['code'] != 'ZH'): ?>
|
||||
<li><a href="<?php echo $value['url']; ?>"><p class="countries <?php echo $value['code']; ?>"></p><p><?php echo $value['country_name']; ?></p></a></li>
|
||||
<?php endif; ?>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<!--
|
||||
<div class="close"><span class="icon-close"></span></div>
|
||||
-->
|
||||
</div>
|
||||
</div>
|
||||
<div class="top-R" style="vertical-align:bottom">
|
||||
<?php if(empty($customer_info)){ ?>
|
||||
<span id="tuichu1" class="products" style="font-size: 14px;"><a href="/register.html">注册</a>
|
||||
</span>
|
||||
<span class="top-old"></span>
|
||||
<span id="tuichu2" class="products" style="font-size: 14px;margin-right:1.7vw">
|
||||
<a href="/login.html">登录</a>
|
||||
</span>
|
||||
<?php }else{ ?>
|
||||
<span id="tuichu1" class="products" style="font-size: 14px;"><a href="/index/customer/personal.html">个人中心</a>
|
||||
</span>
|
||||
<span id="tuichu2" class="products" style="font-size: 14px;">
|
||||
<a href="/logout.html">退出</a>
|
||||
</span>
|
||||
<?php }?>
|
||||
<a href="/search.html"><span class="icon-search" style="vertical-align:bottom"></span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="header">
|
||||
<div class="nav">
|
||||
<div class="swt-Container-1200 overflow-f">
|
||||
<div class="all-logo-black">
|
||||
<div class="logo"><a href="/index"><img src="/uploads/default/logo-black.png" alt="图片描述"></a></div>
|
||||
</div>
|
||||
<div class="navfl">
|
||||
<ul class="navul">
|
||||
<li id="index" class="products"><a href="/index">首页</a></li>
|
||||
<li id="nav1" class="products">
|
||||
<a href="<?php echo url_rewrite('product'); ?>" class="aons">产品与服务<span class="icon-arrow arrow"></span></a>
|
||||
<dl class="navlist">
|
||||
<dd class="listfl">
|
||||
<div class="navicon">
|
||||
<?php
|
||||
$oneLevelCategory = [];
|
||||
foreach ($productCategory as $k => $pc): if ($k > 6)
|
||||
break;
|
||||
if (isset($category['id']) && $category['id'] == $pc['id'])
|
||||
$oneLevelCategory = isset($pc['child']) ? $pc['child'] : [];
|
||||
?>
|
||||
<a href="<?php echo url_rewrite('product', ['id' => $pc['id']]); ?>">
|
||||
<img src="<?php echo $pc['icon']; ?>">
|
||||
<p><?php echo $pc['name']; ?></p>
|
||||
</a>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
</dd>
|
||||
<dd class="listrh">
|
||||
<div class="navimg">
|
||||
<div class="liimg"><a href="/index/Group/special"><img src="/uploads/allimg/p16281x144.jpg"></a>
|
||||
</div>
|
||||
<div class="navtit">
|
||||
<p class="ntit">特色产品专题</p>
|
||||
<a href="/index/Group/special"><img src="/frontend/web/images/jt.png"></a>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="navimg">
|
||||
<div class="liimg"><img src="/uploads/allimg/img16281x144.jpg">
|
||||
</div>
|
||||
<div class="navtit">
|
||||
<p class="ntit">OEM/ODM</p>
|
||||
<a href="/index/Group/odm"><img src="/frontend/web/images/jt.png"></a>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</dl>
|
||||
</li>
|
||||
<li id="nav2" class="products">
|
||||
<a href="#">价值与使命<span class="icon-arrow arrow"></span></a>
|
||||
<dl class="navlist navlist2">
|
||||
<dd class="navdd">
|
||||
<div class="ddfl">
|
||||
<a href="/index/Group/weare">我们是</a>
|
||||
<a href="/index/Group/wewill">我们会</a>
|
||||
<a href="/index/Group/culture">文化与价值观</a>
|
||||
<a href="/index/Group/vision">愿景与使命</a>
|
||||
</div>
|
||||
<div class="ddrh"><img src="/frontend/web/uploadfiles/image/dd1.jpg">
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li id="nav3">
|
||||
<a href="#">历史与创新<span class="icon-arrow arrow"></span></a>
|
||||
<dl class="navlist navlist1">
|
||||
<dd class="navdd">
|
||||
<div class="ddfl">
|
||||
<a href="<?php echo url_rewrite('article'); ?>">最新动态</a>
|
||||
<a href="/index/Group/brand">品牌发展</a>
|
||||
<a href="/index/Group/honor">荣誉与证书</a>
|
||||
</div>
|
||||
<div class="ddrh"><img src="/frontend/web/uploadfiles/image/dd3.jpg">
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<!--<li id="nav2" class="products"><a href="/index/Group/culture">价值与使命</a>
|
||||
</li>
|
||||
<li id="nav3" class="products"><a href="#">历史与创新</a>
|
||||
</li>-->
|
||||
<li id="nav4" class="products"><a href="/index/Group/job">加入我们</a>
|
||||
</li>
|
||||
<li id="nav5" class="products"><a href="/index/Group/Contact">联系我们</a>
|
||||
</li>
|
||||
<li id="nav6" class="products"><a href="<?php echo url_rewrite('download'); ?>">软件及驱动</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="navfl">
|
||||
<ul class="navul">
|
||||
</ul>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
$( function () {
|
||||
|
||||
var $category = $( ".navlist" );
|
||||
$category.hide();
|
||||
$( ".navul li" ).mouseleave( function () {
|
||||
$( this ).children( "a" ).addClass( "aons" );
|
||||
$( ".navul" ).find( "a" ).removeClass("menu_a");
|
||||
$( this ).find("span").removeClass("arrow-down");
|
||||
$( this ).children( "dl" ).stop().slideUp( 500 );
|
||||
|
||||
} );
|
||||
$( ".navul li" ).mouseenter( function () {
|
||||
$category.hide();
|
||||
$( ".navul" ).find( "a" ).addClass("menu_a");
|
||||
$(this).find("span").addClass("arrow-down");
|
||||
$( this ).children( "dl" ).stop().slideDown( 500 );
|
||||
} );
|
||||
//搜索框
|
||||
$( ".top-R span" ).click( function () {
|
||||
$( ".search" ).slideToggle();
|
||||
} );
|
||||
// 城市
|
||||
$( ".zg" ).click( function () {
|
||||
$( ".topnav" ).slideToggle(500);
|
||||
} );
|
||||
|
||||
$(".icon-close").click(function(){
|
||||
$( ".topnav" ).slideUp(500);
|
||||
})
|
||||
|
||||
} );
|
||||
</script>
|
||||
</header>
|
||||
<header class="header-M">
|
||||
<div class="header-fixed">
|
||||
<div class="logo img-responsive"><a href="/index"><img src="/uploads/default/logo-black.png"></a></div>
|
||||
<div class="Menu icon-menu"></div>
|
||||
<div class="Country"><img src="__PUBLIC__/web/images/countries/CN.png"></div>
|
||||
</div>
|
||||
<div class="m-Menu" style="display: none;">
|
||||
<ul>
|
||||
<li><a href="/index">首页</a></li>
|
||||
<li><a href="<?php echo url_rewrite('product'); ?>">产品与服务</a><div class="icon-arrow font-18 arrow"><span></span></div>
|
||||
<div class="S-Menu" style="display: none">
|
||||
<ul>
|
||||
<?php foreach ($productCategory as $k => $pc): ?>
|
||||
<li><a href="<?php echo url_rewrite('product', ['id' => $pc['id']]); ?>"><?php echo $pc['name']; ?></a></li>
|
||||
<?php endforeach; ?>
|
||||
<li><a href="/index/Group/special">特色产品专题</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="">价值与使命</a><div class="icon-arrow font-18 arrow"><span></span></div>
|
||||
<div class="S-Menu" style="display: none">
|
||||
<ul>
|
||||
<li><a href="/index/Group/weare">我们是</a></li>
|
||||
<li><a href="/index/Group/wewill">我们会</a></li>
|
||||
<li><a href="/index/Group/culture">文化与价值观</a></li>
|
||||
<li><a href="/index/Group/vision">愿景与使命</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="">历史与创新</a><div class="icon-arrow font-18 arrow"><span></span></div>
|
||||
<div class="S-Menu" style="display: none">
|
||||
<ul>
|
||||
<li><a href="<?php echo url_rewrite('article'); ?>">最新动态</a></li>
|
||||
<li><a href="/index/Group/brand">品牌发展</a></li>
|
||||
<li><a href="/index/Group/honor">荣誉与证书</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="<?php echo url_rewrite('singlepage', ['id' => 1]); ?>">加入我们</a></li>
|
||||
<li><a href="<?php echo url_rewrite('singlepage', ['id' => 2]); ?>">联系我们</a></li>
|
||||
</ul>
|
||||
<div class="SingIn-button text-c"><a href="<?php echo url('/register'); ?>">注册</a><a href="<?php echo url('/login'); ?>">登录</a></div>
|
||||
<a href="/index/Group/search"><div class="search">
|
||||
<button class="updown_search_btn" type="sumbit" id="bnt_email"><span class="icon-search"></span></button>
|
||||
<input class="form-control" name="keywords" placeholder="全站搜索" value="" type="text">
|
||||
</div></a>
|
||||
</div>
|
||||
<div class="m-Country" style="display: none;">
|
||||
<ul>
|
||||
<li><a href="/UK"><p>美国</p></a></li>
|
||||
<li><a href="/UK"><p>英国</p></a></li>
|
||||
<li><a href="/UK"><p>澳大利亚</p></a></li>
|
||||
<li><a href="/UK"><p>加拿大</p></a></li>
|
||||
<li><a href=""><p>德国</p></a></li>
|
||||
|
||||
<li><a href=""><p>哈萨克斯坦</p></a></li>
|
||||
<li><a href=""><p>巴勒斯坦</p></a></li>
|
||||
<li><a href=""><p>越南</p></a></li>
|
||||
|
||||
<li><a href=""><p>加纳</p></a></li>
|
||||
<li><a href=""><p>迪拜</p></a></li>
|
||||
<li><a href=""><p>韩国</p></a></li>
|
||||
<li><a href=""><p>菲律宾</p></a></li>
|
||||
<li><a href=""><p>苏格兰</p></a></li>
|
||||
|
||||
<li><a href=""><p>摩洛哥</p></a></li>
|
||||
<li><a href=""><p>中國香港</p></a></li>
|
||||
<li><a href=""><p>科威特</p></a></li>
|
||||
<li><a href=""><p>沙特</p></a></li>
|
||||
<li><a href=""><p>奥地利</p></a></li>
|
||||
|
||||
<li><a href=""><p>尼日利亚</p></a></li>
|
||||
<li><a href=""><p>印度</p></a></li>
|
||||
<li><a href=""><p>老挝</p></a></li>
|
||||
<li><a href=""><p>新加坡</p></a></li>
|
||||
<li><a href=""><p>比利时</p></a></li>
|
||||
|
||||
<li><a href=""><p>南非</p></a></li>
|
||||
<li><a href=""><p>印度尼西亚</p></a></li>
|
||||
<li><a href=""><p>黎巴嫩</p></a></li>
|
||||
<li><a href=""><p>斯里兰卡</p></a></li>
|
||||
<li><a href=""><p>保加利亚</p></a></li>
|
||||
<li><a href=""><p>埃及</p></a></li>
|
||||
<li><a href=""><p>突尼斯</p></a></li>
|
||||
<li><a href=""><p>约旦</p></a></li>
|
||||
<li><a href=""><p>马来西亚</p></a></li>
|
||||
<li><a href=""><p>叙利亚</p></a></li>
|
||||
<li><a href=""><p>捷克</p></a></li>
|
||||
|
||||
<li><a href=""><p>赞比亚</p></a></li>
|
||||
<li><a href=""><p>伊朗</p></a></li>
|
||||
<li><a href=""><p>马尔代夫</p></a></li>
|
||||
<li><a href=""><p>中國臺湾</p></a></li>
|
||||
<li><a href=""><p>塞浦路斯</p></a></li>
|
||||
|
||||
<li><a href=""><p>阿塞拜疆</p></a></li>
|
||||
<li><a href=""><p>伊拉克</p></a></li>
|
||||
<li><a href=""><p>缅甸</p></a></li>
|
||||
<li><a href=""><p>泰国</p></a></li>
|
||||
<li><a href=""><p>丹麦</p></a></li>
|
||||
|
||||
<li><a href=""><p>孟加拉</p></a></li>
|
||||
<li><a href=""><p>以色列</p></a></li>
|
||||
<li><a href=""><p>尼泊尔</p></a></li>
|
||||
<li><a href=""><p>土耳其</p></a></li>
|
||||
<li><a href=""><p>爱沙尼亚</p></a></li>
|
||||
|
||||
|
||||
<li><a href=""><p>柬埔寨</p></a></li>
|
||||
<li><a href=""><p>日本</p></a></li>
|
||||
<li><a href=""><p>巴基斯坦</p></a></li>
|
||||
<li><a href=""><p>阿联酋</p></a></li>
|
||||
<li><a href=""><p>法国</p></a></li>
|
||||
|
||||
<li><a href=""><p>哥伦比亚</p></a></li>
|
||||
<li><a href=""><p>秘鲁</p></a></li>
|
||||
<li><a href=""><p>乌拉圭</p></a></li>
|
||||
|
||||
<li><a href=""><p>巴西</p></a></li>
|
||||
<li><a href=""><p>智利</p></a></li>
|
||||
<li><a href=""><p>墨西哥</p></a></li>
|
||||
<li><a href=""><p>阿根廷</p></a></li>
|
||||
|
||||
<li><a href=""><p>罗马尼亚</p></a></li>
|
||||
<li><a href=""><p>西班牙</p></a></li>
|
||||
<li><a href=""><p>瑞士</p></a></li>
|
||||
<li><a href=""><p>乌克兰</p></a></li>
|
||||
<li><a href=""><p>玻利维亚</p></a></li>
|
||||
|
||||
<li><a href=""><p>俄罗斯</p></a></li>
|
||||
<li><a href=""><p>瑞典</p></a></li>
|
||||
<li><a href=""><p>斯洛伐克</p></a></li>
|
||||
<li><a href=""><p>荷兰</p></a></li>
|
||||
<li><a href=""><p>葡萄牙</p></a></li>
|
||||
|
||||
<li><a href=""><p>匈牙利</p></a></li>
|
||||
<li><a href=""><p>意大利</p></a></li>
|
||||
<li><a href=""><p>挪威</p></a></li>
|
||||
<li><a href=""><p>新西兰</p></a></li>
|
||||
|
||||
<li><a href=""><p>希腊</p></a></li>
|
||||
<li><a href=""><p>爱尔兰</p></a></li>
|
||||
<li><a href=""><p>立陶宛</p></a></li>
|
||||
<li><a href=""><p>波兰</p></a></li>
|
||||
|
||||
<li><a href=""><p>巴布亚新几内亚</p></a></li>
|
||||
</ul>
|
||||
|
||||
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<script>
|
||||
/*菜单栏*/
|
||||
$( function () {
|
||||
$( ".Menu" ).click( function () {
|
||||
$( this ).toggleClass( "icon-close" );
|
||||
$( ".Country" ).children().show();
|
||||
$( ".m-Menu" ).slideToggle( 500 );
|
||||
$( ".Country" ).removeClass( "icon-close" );
|
||||
$( ".m-Country" ).hide();
|
||||
$( ".m-Menu ul" ).animate( {
|
||||
fontSize: "1em"
|
||||
} );
|
||||
} );
|
||||
} )
|
||||
/*国家栏*/
|
||||
$( function () {
|
||||
$( ".Country" ).click( function () {
|
||||
$( this ).children().toggle();
|
||||
$( this ).toggleClass( "icon-close" );
|
||||
$( ".Menu" ).removeClass( "icon-close" );
|
||||
$( ".m-Country" ).slideToggle( 500 );
|
||||
$( ".m-Menu" ).hide();
|
||||
} );
|
||||
} )
|
||||
/*箭头下拉*/
|
||||
$( function () {
|
||||
$( ".m-Menu .arrow" ).click( function () {
|
||||
$( this ).parent().find( ".S-Menu" ).slideToggle( 500 );
|
||||
$( this ).toggleClass( "arrow-r" )
|
||||
} );
|
||||
} )
|
||||
</script>
|
||||
<script type="text/javascript">
|
||||
window.onload=function()
|
||||
{
|
||||
if(document.readyState=="complete")
|
||||
{
|
||||
document.getElementById("wap-search-in").focus();
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
31
app/index/view/include/top.phtml
Executable file
31
app/index/view/include/top.phtml
Executable file
@@ -0,0 +1,31 @@
|
||||
<div class="top">
|
||||
<div class="swt-Container">
|
||||
<div class="top-R" style="vertical-align:bottom">
|
||||
<span id="tuichu1" class="products" style="font-size: 14px;"><a href="http://old.oricogroup.com">旧版</a></span>
|
||||
<span id="tuichu1" class="products" style="font-size: 14px;"><a href="http://bbs.orico.com.cn">社区</a></span>
|
||||
<?php if(empty($customer_info)){ ?>
|
||||
<span id="tuichu1" class="products" style="font-size: 14px;"><a href="/register.html">注册</a></span>
|
||||
<span id="tuichu1" class="products" style="font-size: 14px;"><a href="/login.html">登录</a></span>
|
||||
<?php }else{ ?>
|
||||
<span id="tuichu1" class="products" style="font-size: 14px;"><a href="/index/customer/personal.html">个人中心</a></span>
|
||||
<span id="tuichu1" class="products" style="font-size: 14px;"><a href="/index/customer/new_logout.html">退出</a></span>
|
||||
<?php }?>
|
||||
<span id="tuichu1"><a href="__ORICOROOT__/search.html"><span class="icon-search" style="vertical-align:bottom; "></span></a></span>
|
||||
<div class="state zg"><img src="__PUBLIC__/web/images/countries/CN.png">
|
||||
<div class="top-country topnav" style="display: none;">
|
||||
<div class="swt-Container">
|
||||
<?php if(!empty($country_list)): ?>
|
||||
<ul>
|
||||
<?php foreach($country_list as $key => $value): ?>
|
||||
<?php if ($value['code'] != 'ZH'): ?>
|
||||
<li><a href="<?php echo $value['url']; ?>"><p class="countries <?php echo $value['code']; ?>"></p><p><?php echo $value['country_name']; ?></p></a></li>
|
||||
<?php endif; ?>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
373
app/index/view/include/top2023.phtml
Executable file
373
app/index/view/include/top2023.phtml
Executable file
@@ -0,0 +1,373 @@
|
||||
<div class="Container head-nav" id="scroll">
|
||||
<div class="nav-1">
|
||||
<!--<img src="__PUBLIC__/weben/images/indeximg/logo-white.png" >-->
|
||||
<a href="__ORICOROOT__"> <div id="top-logo"></div></a>
|
||||
</div>
|
||||
<div class="wrapper nav-2">
|
||||
<nav id="booNavigation" class="booNavigation">
|
||||
<ul>
|
||||
<li class="navItem">
|
||||
<a class="acolor" href="#" title="New Arrival">New Arrival</a>
|
||||
</li>
|
||||
<li class="navItem allbtn tabs-vertical" id="allbtntop">
|
||||
<a class="acolor" href="#" title="Products">Products</a>
|
||||
<div class="downimg"></div>
|
||||
|
||||
<?php if (!empty($productCategory)): ?>
|
||||
<div class="navContent jspop">
|
||||
<ul>
|
||||
<?php foreach ($productCategory as $kp => $cate):?>
|
||||
<li>
|
||||
<a href="__ORICOROOT__/product/category/<?php echo $cate['id']?>.html" class="tab-active" data-index="<?php echo $kp; ?>" ><?php echo $cate['name']; ?></a>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
|
||||
<div class="tabs-content-placeholder">
|
||||
<?php foreach ($productCategory as $key => $value):
|
||||
if (isset($category['id']) && $category['id'] == $value['id'])
|
||||
$oneLevelCategory = isset($value['child']) ? $value['child'] : [];
|
||||
$have_3_child = 0;
|
||||
if (!empty($value['child']))
|
||||
{
|
||||
foreach ($value['child'] as $k => $v)
|
||||
{
|
||||
if (!empty($v['child']))
|
||||
{
|
||||
$have_3_child = 1;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
?>
|
||||
<?php if (!empty($value['child'])): ?>
|
||||
<div class="tabs-content-placeholder-div tab-content-active">
|
||||
<?php foreach ($value['child'] as $k => $v): ?>
|
||||
<dl>
|
||||
<dt>
|
||||
<a class="ui-link" href="__ORICOROOT__/product/subcategory/<?php echo $v['id']?>.html"><img src="<?php echo $v['m_icon']; ?>"><?php echo $v['name']; ?></a>
|
||||
</dt>
|
||||
<?php if (!empty($v['child'])): ?>
|
||||
<?php foreach ($v['child'] as $index => $item): ?>
|
||||
<dd><a href="__ORICOROOT__/product/subcategory/<?php echo $item['id']?>.html"><?php echo $item['name']; ?></a></dd>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</dl>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<?php endforeach; ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php endif; ?>
|
||||
</li>
|
||||
<li class="navItem">
|
||||
<a class="acolor" href="__ORICOROOT__/product/new_arrival" title="Cooperation">Cooperation</a>
|
||||
<div class="downimg"></div>
|
||||
<ul class="navContent navContent1">
|
||||
<li>
|
||||
<ul>
|
||||
<li><a href="__ORICOROOT__/Group/introduction">Introduction of the Brand</a></li>
|
||||
<li><a href="__ORICOROOT__/Group/business">Shop for Business</a></li>
|
||||
<li><a href="__ORICOROOT__/Group/distributor">Become a Distributor</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="navItem">
|
||||
<a class="acolor" href="#" title="Support">Support</a>
|
||||
<div class="downimg"></div>
|
||||
<ul class="navContent navContent2">
|
||||
<li>
|
||||
<ul>
|
||||
<li><a href="__ORICOROOT__<?php echo url_rewrite('download'); ?>">Tutorial</a></li>
|
||||
<li><a href="__ORICOROOT__/Group/Contact">Contact</a></li>
|
||||
<li><a href="__ORICOROOT__/antifake">Anti-Fake Query</a></li>
|
||||
<li><a href="__ORICOROOT__/Group/fq">FAQ</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="navItem">
|
||||
<a class="acolor" href="#" title="About Us">About Us</a>
|
||||
<div class="downimg"> </div>
|
||||
<ul class="navContent navContent3">
|
||||
<li>
|
||||
<ul>
|
||||
<li><a href="__ORICOROOT__/Group/brand">Our Brand</a></li>
|
||||
<li><a href="__ORICOROOT__/Group/product">Our Product</a></li>
|
||||
<li><a href="__ORICOROOT__<?php echo url_rewrite('article'); ?>">Our Achievement</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="navItem">
|
||||
<a class="acolor" href="__ORICOROOT__/blog" title="Blog">Blog</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="nav-3">
|
||||
<div>
|
||||
<!--<img id="openModalBtn" src="__PUBLIC__/weben/images/indeximg/search.png" class="searchimg">-->
|
||||
<div id="openModalBtn" class=""></div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<!--<img src="__PUBLIC__/weben/images/indeximg/checklanguage.png" class="checkimg" id="countrycheck">-->
|
||||
<div id="countrycheck" class=""></div>
|
||||
<div id="top-country" class="hidden">
|
||||
<ul>
|
||||
<li class="desktopli1">
|
||||
<span class="close-btn1" id="closeModalBtn1">×</span>
|
||||
</li>
|
||||
<a href="https://www.orico.com.cn/" class="cn" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/CN.png" /></div>
|
||||
<div class="desktop-10">China - 中文简体</div>
|
||||
</li></a>
|
||||
<a href="https://www.orico.cc/us" class="ca" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/US.png" /></div>
|
||||
<div class="desktop-10">USA - English</div>
|
||||
</li></a>
|
||||
<a href="https://www.oricobr.com" class="us" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/BR.png" /></div>
|
||||
<div class="desktop-10">Brazil - português</div>
|
||||
</li></a>
|
||||
<a href="https://www.ORICOPERU.com" class="us" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/MX.png" /></div>
|
||||
<div class="desktop-10">Peru - español</div>
|
||||
</li></a>
|
||||
<a href="https://www.orico.cc/th" class="hk" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/TH.png" /></div>
|
||||
<div class="desktop-10">Thailand - ไทย</div>
|
||||
</li></a>
|
||||
<a href="https://www.orico.cc/id" class="jp" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/ID.png" /></div>
|
||||
<div class="desktop-10">Indonesia - bahasa Indonesia</div>
|
||||
</li></a>
|
||||
<a href="https://www.orico.cc/vn" class="kr" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/VN.png" /></div>
|
||||
<div class="desktop-10">Vietnam - Tiếng Việt</div>
|
||||
</li></a>
|
||||
<a href="https://www.orico.shop/" class="be" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/NL.png" /></div>
|
||||
<div class="desktop-10">Netherlands - English</div>
|
||||
</li></a>
|
||||
<a href="http://www.oricoturkiye.com/" class="tr" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/TR.png" /></div>
|
||||
<div class="desktop-10">Türkiye - Cumhuriyeti</div>
|
||||
</li></a>
|
||||
<a href="https://orico-iran.ir" class="bh" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/IR.png" /></div>
|
||||
<div class="desktop-10">Iran - فارسی</div>
|
||||
</li></a>
|
||||
<a href="http://www.orico.com.au/ " class="au" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/map/AU.png" /></div>
|
||||
<div class="desktop-10">Australia - English</div>
|
||||
</li></a>
|
||||
<a href="https://orico-russia.ru " class="au" target="_blank"><li class="desktopli">
|
||||
<div class="desktop-2"><img src="__PUBLIC__/web/images/countries/RU.png" /></div>
|
||||
<div class="desktop-10">Russia - Россия</div>
|
||||
</li></a>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div id="modal" class="modal">
|
||||
<div class="modal-content Search">
|
||||
<span class="close-btn" id="closeModalBtn">×</span>
|
||||
<input type="text" name="keywords" id="search-in" value="" />
|
||||
<div id="search" class="search_content search_default"></div>
|
||||
<div class="modal_1">
|
||||
<p class="tit1">Search History</p>
|
||||
<div>
|
||||
<ul>
|
||||
<?php
|
||||
$historyList = getBannerList(79, 5);
|
||||
if ($historyList):
|
||||
?>
|
||||
<?php foreach ($historyList as $kh => $history): ?>
|
||||
<li><a href="<?php echo $history['url']; ?>"><?php echo $history['name']; ?></a></li>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal_2">
|
||||
<p class="tit1">Popular Products</p>
|
||||
<?php
|
||||
if ($popular_list):
|
||||
?>
|
||||
<?php foreach ($popular_list as $kp => $popular): ?>
|
||||
|
||||
<div class="picture21">
|
||||
<a href="__ORICOROOT__<?php echo url_rewrite('productdetail', ['id' => $popular['id']]); ?>"><img title="<?php echo $popular['name']; ?>" class="picture21-img" src="<?php echo getImage($popular['list_bk_img']); ?>"></a>
|
||||
<div class="title" title="<?php echo $popular['name']; ?>"> <p><?php echo $popular['name']; ?></p></div>
|
||||
<div class="subtitle"><?php echo $popular['shortname']; ?></div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<!-- 这里可以放置表单、其他内容等 -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
var widget = $('.tabs-vertical');
|
||||
var tabs = widget.find(' ul a'),
|
||||
content = widget.find('.tabs-content-placeholder-div');
|
||||
tabs.on('mouseover', function (e) {
|
||||
e.preventDefault();
|
||||
// Get the data-index attribute, and show the matching content div
|
||||
var index = $(this).data('index');
|
||||
tabs.removeClass('tab-active');
|
||||
content.removeClass('tab-content-active');
|
||||
$(this).addClass('tab-active');
|
||||
content.eq(index).addClass('tab-content-active');
|
||||
});
|
||||
});
|
||||
$(document).ready(function() {
|
||||
$('#countrycheck').click(function() {
|
||||
$('#top-country').toggleClass('hidden');
|
||||
});
|
||||
$('#closeModalBtn1').click(function() {
|
||||
$('#top-country').toggleClass('hidden');
|
||||
});
|
||||
});
|
||||
|
||||
$(document).ready(function() {
|
||||
// 点击打开按钮显示弹出框
|
||||
$('#openModalBtn').click(function() {
|
||||
$('#modal').fadeIn();
|
||||
});
|
||||
// 点击关闭按钮或背景模态框，隐藏弹出框
|
||||
$('#closeModalBtn, .modal').click(function() {
|
||||
$('#modal').fadeOut();
|
||||
});
|
||||
// 防止点击弹出框内容时关闭弹出框
|
||||
$('.modal-content').click(function(e) {
|
||||
e.stopPropagation();
|
||||
});
|
||||
});
|
||||
|
||||
/************搜索****************/
|
||||
$(function() {
|
||||
var search_input = $(".Search input");
|
||||
var search_content = $(".search_content");
|
||||
$(search_input).on("keyup", function(e){
|
||||
$("#search-in").keyup(function(event) {
|
||||
if (event && event.keyCode === 13) {
|
||||
var keywords = $("#search-in").val();
|
||||
var href = "<?php echo url('/us/search'); ?>?skeyword=" + encodeURIComponent(keywords);
|
||||
location.href = href;
|
||||
$("#modal").hide();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
$(document).ready(function() {
|
||||
$("#scroll").mouseover(function(event) {
|
||||
$(this).addClass("colorw");
|
||||
$(".acolor").addClass("colorb");
|
||||
$("#top-logo").addClass("backmove");
|
||||
$(".downimg").addClass("backmove1");
|
||||
$("#openModalBtn").addClass("backmove2");
|
||||
$("#countrycheck").addClass("backmove2");
|
||||
});
|
||||
$("#scroll").mouseleave(function(event) {
|
||||
$(this).removeClass("colorw");
|
||||
$(".acolor").removeClass("colorb");
|
||||
$("#top-logo").removeClass("backmove");
|
||||
$(".downimg").removeClass("backmove1");
|
||||
$("#openModalBtn").removeClass("backmove2");
|
||||
$("#countrycheck").removeClass("backmove2");
|
||||
// console.log('asdasdasdsad')
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
<style type="text/css">
|
||||
.colorw{
|
||||
background-color: white;
|
||||
color: black;
|
||||
}
|
||||
.colorb{
|
||||
color: black !important;
|
||||
}
|
||||
|
||||
.backmove{
|
||||
background: url('__PUBLIC__/weben/images/indeximg/toplogo.png') no-repeat !important;
|
||||
background-position:0px -38px !important;
|
||||
}
|
||||
.backmove1{
|
||||
background-position:0px -12px !important;
|
||||
}
|
||||
.backmove2{
|
||||
background-position:0px -24px !important;
|
||||
}
|
||||
|
||||
.downimg:hover{
|
||||
width: 12px;
|
||||
height:12px;
|
||||
background: url('__PUBLIC__/weben/images/indeximg/jtdown1.png') no-repeat;
|
||||
background-position:0px -12px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.downimg{
|
||||
width: 12px;
|
||||
height:12px;
|
||||
background: url('__PUBLIC__/weben/images/indeximg/jtdown1.png') no-repeat;
|
||||
background-position:0px 0px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#top-logo{
|
||||
width: 148px;
|
||||
height: 38px;
|
||||
background: url('__PUBLIC__/weben/images/indeximg/toplogo.png') no-repeat;
|
||||
background-position:0px 0px;
|
||||
float: right;
|
||||
margin-top: 10px;
|
||||
}
|
||||
#openModalBtn{
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background: url('__PUBLIC__/weben/images/indeximg/topsearch.png') no-repeat;
|
||||
background-size: cover;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -12px;
|
||||
}
|
||||
#countrycheck{
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background: url('__PUBLIC__/weben/images/indeximg/toplanguage.png') no-repeat;
|
||||
background-size: cover;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -12px;
|
||||
}
|
||||
#search-in{
|
||||
margin-left: 10%;
|
||||
margin-top: 5%;
|
||||
width: 80%;
|
||||
height: 44px;
|
||||
border: 1px solid grey;
|
||||
border-radius:22px;
|
||||
background: url('__PUBLIC__/weben/images/indeximg/sousuo1.png') no-repeat;
|
||||
background-position: 95% 50%;
|
||||
padding-left: 5%;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
Reference in New Issue
Block a user