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

init

Browse Source
This commit is contained in:
jsasg
2024-10-29 14:04:59 +08:00
commit 48bf3e6f33
2839 changed files with 762707 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
app/mobile/view/include/banner.phtml Executable file
View File

@@ -0,0 +1,41 @@
<!-- 轮播 s -->
<?php
$bigbanners = getBannerList(101, 6);
if ($bigbanners):
?>
<div class="banner clearfix">
<ul class="banner_list">
<?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';
}
?>
<li>
<a href="<?php echo $banner['url']; ?>" target="_blank">
<img src="<?php echo getImage($banner['picture']); ?>">
</a>
<div class="sition_banner text_center ban-p ">
<?php if($banner['description']): ?>
<p class=" f_weight_500 ban-h2 text_white wow fadeInUp" data-wow-delay="0.5s"><?php echo $banner['name']; ?></p>
<p class=" f_weight_100 text_white ban-t wow fadeInUp" data-wow-delay="0.5s"><?php echo $banner['description']; ?></p>
<p class="f_weight_100 " >
<div class="btn-more wow fadeInUp" data-wow-delay="0.5s">了解更多 </div>
</p>
<?php endif; ?>
</div>
</li>
<?php endforeach; ?>
</ul>
</div>
<?php endif; ?>
<!-- 轮播 e -->

39
app/mobile/view/include/banner1.phtml Executable file
View File

@@ -0,0 +1,39 @@
<!-- 轮播 s -->
<?php
$bigbanners = getBannerList(82, 6);
if ($bigbanners):
?>
<div class="banner clearfix">
<ul class="banner_list">
<?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';
}
?>
<li>
<a href="<?php echo $banner['url']; ?>" target="_blank">
<img src="<?php echo getImage($banner['picture']); ?>">
</a>
<div class="sition_banner text_center ban-p ">
<p class=" f_weight_500 ban-h2 text_white wow fadeInUp" data-wow-delay="0.5s"><?php echo $banner['name']; ?></p>
<p class=" f_weight_100 text_white ban-t wow fadeInUp" data-wow-delay="0.5s"><?php echo $banner['description']; ?></p>
<p class="f_weight_100 " >
<div class="btn-more wow fadeInUp" data-wow-delay="0.5s">了解更多 </div>
</p>
</div>
</li>
<?php endforeach; ?>
</ul>
</div>
<?php endif; ?>
<!-- 轮播 e -->

63
app/mobile/view/include/bottom.phtml Executable file
View File

@@ -0,0 +1,63 @@
<footer>
<dl>
<dt class="cursor_p"><span class="icon-On-line"></span>ORICO商店<i class="rotate icon-arrow"></i></dt>
<dd><a href="https://orico.tmall.com/?spm=a1z10.5-b.1997427721.d4918089.I">天猫官方旗舰店</a></dd>
<dd><a href="https://orico-easy-your-pc.jd.com/">京东商城ORICO旗舰店</a></dd>
<dd><a href="https://www.newegg.com/Seller-Store/ORICO-Official-Store">美国Newegg</a></dd>
<dd><a href="https://www.amazon.com/sp?_encoding=UTF8&asin=&isAmazonFulfilled=&isCBA=&marketplaceID=ATVPDKIKX0DER&orderID=&seller=A2S4EXOOJ8Z82D&tab=&vasStoreID=">海外Amazon</a></dd>
<dd><a href="https://orico.aliexpress.com/store/105327?spm=2114.12010108.pcShopHead_5959929.0">速卖通</a></dd>
<dd><a href="https://bokcore.1688.com/">1688博创国际站</a></dd>
<dd><a href="https://orico.en.alibaba.com/" target="_blank">Alibaba</a></dd>
</dl>
<dl>
<dt class="cursor_p"><span class="icon-Under-line"></span>ORICO线下零售<i class="rotate icon-arrow"></i></dt>
<dd><a href="__ORICOROOT__/Group/distributor">经销商网络</a></dd>
</dl>
<dl>
<dt class="cursor_p"><span class="icon-support"></span>技术支持<i class="rotate icon-arrow"></i></dt>
<!--<dd>软件驱动</dd>-->
<dd><a href="__ORICOROOT__/Group/question.html">常见问题解答</a></dd>
<dd><a href="__ORICOROOT__/video/lists.html">视频教程</a></dd>
<dd><a href="__ORICOROOT__/Group/policy.html">售后政策</a></dd>
</dl>
<dl>
<dt class="cursor_p"><span class="icon-media"></span>媒体与社群<i class="rotate icon-arrow"></i></dt>
<dd><a href="tencent://message/?uin=429090372&Site=www.oricogroup.com.cn&Menu=yes">ORICO粉丝群</a></dd>
<dd><a href="http://bbs.orico.com.cn">ORICO社区论坛</a></dd>
<dd><a href="https://www.facebook.com/ORICOOfficial/">Facebook</a></dd>
<dd><a href="https://twitter.com/ORICO_Official">Twitter</a></dd>
<dd><a href="https://www.youtube.com/channel/UCi1NX8JcV3mJ1AnqrxhuLHw?view_as=public">Youtube</a></dd>
</dl>
<dl>
<dt class="cursor_p"><span class="icon-join"></span>加入我们<i class="rotate icon-arrow"></i></dt>
<dd><a href="__ORICOROOT__/Group/odm">合作加盟</a></dd>
<dd><a href="__ORICOROOT__/Group/job">工作机会</a></dd>
</dl>
<dl>
<dt class="cursor_p"><span><a href="__PUBLIC__/web/images/home/SKMBT_C35319103011170.pdf" target="_blank"><img src="__PUBLIC__/m_web/images/home/statement.png" style="margin-top:0.35rem; width:0.58666rem;"></span>免责声明</a></dt>
</dl>
<div class="footer_copyright">2015 ORICO Technologies Co.,Ltd 版权所有（粤ICP备15025109号）</div>
</footer>
<script>
/*底部文件*/
$(function(){
$("dl dt").click(function(){
$(this).nextAll().slideToggle(500);
$(this).children("i").toggleClass("rotate");
$(this).toggleClass("margin-bottom-120");
})
})
/*视频文件*/
</script>

193
app/mobile/view/include/bottom1.phtml Executable file
View File

@@ -0,0 +1,193 @@
<div class="footer">
<div class="logo-white"><img src="__PUBLIC__/m_weben/images/logo-white.png" ></div>
<!--div class="logo-text">Sign up for news, updates & 10% off your first order.</div>
<div class="foot-in"><input type="text" name="E-mail" placeholder="E-mail" class="logo-input"><div class="logo-arr"><img src="__PUBLIC__/m_weben/images/arriow-r.png" ></div-->
<div class="foot-cate">
<ul class="clearfix">
<?php if ($productCategory): ?>
<li>
<h3>产品</h3>
<?php foreach ($productCategory as $k => $pc): if ($k > 8) break; ?>
<p><a href="__ORICOROOT__/product/catelists/id/<?php echo $pc['id']; ?>"><?php echo $pc['name']; ?></a></p>
<?php endforeach; ?>
</li>
<?php endif; ?>
<?php
if ($nav_footer):
foreach ($nav_footer as $kf => $footer):
?>
<li>
<h3><?php echo $footer['name']; ?></h3>
<?php
if ($footer['items']):
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__/'.str_replace("index/","",$itm['url']);
}
if($ki < 3):
?>
<p><a href="<?php echo $link; ?>" <?php if($itm['is_new_window_open']){echo "target='_blank'";} ?>><?php echo $itm['name']; ?></a></p>
<?php endif; ?>
<?php endforeach; ?>
<?php endif; ?>
</li>
<?php endforeach; ?>
<?php endif; ?>
<li>
<h3>联系方式</h3>
<p>邮箱：<?php echo $website_email;?></p>
<!--<p>业务：wholesale@oricotechs.com</p>-->
<p>周一至周五:北京时间 9:00- 18:00 </p>
</li>
</ul>
</div>
<div class="foot-wei">
<div class="m_footer text_white m-in-top clearfix">
<div class="left">
<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:25px;width:25px;">
</a>
<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:25px;width:25px;">
</a>
<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:25px;width:25px;">
</a>
</div>
<div class="right mask-up img-responsive foot-con">
<img class="right-country" src="__PUBLIC__/web/images/map/CN.png" >
<span > 中国 </span>
<img src="__PUBLIC__/m_weben/images/downicon.png" >
</div>
</div>
<div class="mask"></div>
<div class="action-sheet">
<div class="menu-title">
<div class="menu-name">选择地区</div>
<div class="close-icon">
<img src="__PUBLIC__/m_weben/images/close.png" >
</div>
</div>
<ul>
<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/usmobile" 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 class="copy-text">@2023. Orico. 由Shopify提供支持</div>-->
<div class="copy-text">2015 ORICO Technologies Co.,Ltd 版权所有（粤ICP备15025109号）</div>
</div>
<script>
$(function () {
//点击菜单
$('.mask-up').click(function () {
$(this).addClass('menu-active')
$('.action-sheet').show()
$('.mask').show()
$('html').addClass('scroll-mask')
})
//关闭弹窗
$('.close-icon').click(function () {
$('.action-sheet').hide()
$('.mask').hide()
$('html').removeClass('scroll-mask')
})
// //点击每一项的事件
// $('.action-sheet ul li').click(function () {
// $('.action-sheet').hide()
// $('.mask').hide()
// $('html').removeClass('scroll-mask')
// let num = $(this).attr('num')
// alert('这是第' + num + '个菜单')
// })
$('.mask')
.not('.action-sheet')
.click(function () {
$('.action-sheet').hide()
$('.mask').hide()
$('html').removeClass('scroll-mask')
})
})
</script>
<style>
.desktopli{
cursor:pointer;
display: flex;
}
.desktopli1{
height: 30px !important;
}
.desktopli .desktop-2{
width: 24%;
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;
}
</style>

43
app/mobile/view/include/catbanner.phtml Executable file
View File

@@ -0,0 +1,43 @@
<!-- 轮播 s -->
<?php
$banners = getBannerList(9, 6, [['exp', \think\Db::raw('FIND_IN_SET(\'' . $category['id'] . '\',`categoryid`)')]]);
if ($banners):
?>
<div class="homeban margin-top-90">
<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 img-responsives">
<?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 -->

36
app/mobile/view/include/catbanner2.phtml Executable file
View File

@@ -0,0 +1,36 @@
<!-- 轮播 s -->
<?php
$banners = getBannerList(10, 6, [['exp', \think\Db::raw('FIND_IN_SET(\'' . $category['id'] . '\',`categoryid`)')]]);
if ($banners):
?>
<div class="homeban margin-top-90">
<div class="bd">
<ul class="banner_no img-responsives">
<?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 -->

6
app/mobile/view/include/head-nas.phtml Executable file
View File

@@ -0,0 +1,6 @@
<link rel="stylesheet" href="__PUBLIC__/web/css/swiper-3.4.2.min.css" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/m_web/css/style1.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/m_weben/css/montserrat.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/m_weben/css/font.css">
<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>

4
app/mobile/view/include/head-seo.phtml Executable file
View 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/mobile/view/include/head.phtml Executable file
View File

@@ -0,0 +1,42 @@
<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="stylesheet" type="text/css" href="__PUBLIC__/m_web/css/style.css">-->
<link rel="stylesheet" type="text/css" href="__PUBLIC__/m_web/css/font.css">
<!--<link rel="stylesheet" type="text/css" href="__PUBLIC__/m_web/js/jquery.bxslider.css">-->
<script type="text/javascript" src="__PUBLIC__/m_web/js/jquery-1.8.3.min.js"></script>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/m_web/js/video/bvd.css">
<script type="text/javascript" src="__PUBLIC__/m_web/js/video/mui.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/m_web/js/video/bvd.js"></script>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/m_web/css/style1.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/m_weben/css/montserrat.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/m_weben/css/font.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/m_weben/js/bxslider/jquery.bxslider.css">
<script type="text/javascript">
/*字体大小变化*/
/* 长宽占位 rem算法, 根据root的rem来计算各元素相对rem, 默认html 320/20 = 16px */
/* 长宽占位 rem算法, 根据root的rem来计算各元素相对rem, 默认html 320/20 = 16px */
function placeholderPic(){
var w = document.documentElement.offsetWidth;
if(w>750){
document.documentElement.style.fontSize=750/20+'px';
}else{
document.documentElement.style.fontSize=w/20+'px';
}
}
placeholderPic();
window.onresize=function(){
placeholderPic();
}
</script>

11
app/mobile/view/include/head20190425.phtml Executable file
View File

@@ -0,0 +1,11 @@
<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">
<title><?php echo $seo_title; ?></title>
<meta name="keywords" content="<?php echo $seo_keyword; ?>">
<meta name="description" content="<?php echo $seo_description; ?>">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/m_web/css/style.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/m_web/css/font.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/m_web/js/jquery.bxslider.css">
<script type="text/javascript" src="__PUBLIC__/m_web/js/jquery-1.8.3.min.js"></script>

217
app/mobile/view/include/kefu.phtml Executable file
View File

@@ -0,0 +1,217 @@
<!-- 在线客服 s -->
<div class="suspension Swt-Phone">
<div class="suspension-box">
<div href="javascript:;" class="a a-acart">
<i class="l3 icon-ys1"></i><p>Email</p>
</div>
<div href="javascript:;" class="a a-service-phone" style="border-bottom:1px solid #f1f1f1;">
<i class="l4 icon-kf1"></i><p>Contact Us</p>
<div class="d d-service-phone">
<i class="arrow"></i>
<div class="inner-box" style="display: block">
<div class="d-service-item clearfix">
<span class="circle"><i class="i-tel"></i></span>
<div class="text">
<p>Free Service Hotline</p>
<p class="number"><?php echo config('website_tel'); ?></p>
</div>
</div>
</div>
</div>
</div>
<div href="javascript:;" class="a a-top" style="border-bottom:1px solid #f1f1f1;margin-top:10px;">
<i class="l5 icon-top1"></i><p>Top</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="w1440 smask">
<div class="w1200 sarea">
<div class="stop1">
<span>Feedback</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>Type：</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>Your name:</label>
<input type="text" name="name" value="" id="name">
</div>
<div class="finput">
<label>Subject:</label>
<input type="text" name="subject" value="" class="them">
</div>
<div class="finput">
<label class="fla">Details:</label>
<textarea name="content"></textarea>
</div>
<div class="finput">
<label class="fla">Contact:</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>Security code:</label>
<input type="text" name="authcode" value="" id="authcode">
<a href="javascript:;" class="yzm"><img id="yanzhengma" src="<?php echo url('index/authcode/verify', ['id' => 'yanzhengma']); ?>"></a>
</div>
<a href="javascript:;" class="feda sendbtn">Send</a>
<a href="javascript:;" class="feda resetbtn">Reset</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).scroll(function() {
var st = $(document).scrollTop();
var $top = $(".suspension .a-top");
if (st > 400) {
$top.css({display: 'block'});
} else {
if ($top.is(":visible")) {
$top.show();
}
}
});
$(".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('index/authcode/verify', ['id' => 'yanzhengma']); ?>" + "?" + 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);
}
/*function openKF() {
var host = window.location.hostname;
if (host.match('wap\.')) {
window.open("mqqwpa://im/chat?chat_type=wpa&uin=<?php echo config('website_qq'); ?>&version=1&src_type=web&web_src=4hmusic.com");
} else {
window.open("http://wpa.qq.com/msgrd?v=3&uin=<?php echo config('website_qq'); ?>&site=qq&menu=yes");
}
}*/
</script>

38
app/mobile/view/include/partner.phtml Executable file
View File

@@ -0,0 +1,38 @@
<div class="m_Container partner">
<div class="title text_center text_black"><strong>合作伙伴</strong></div>
<div class="index_partner">
<div class="index_partner_list">
<ul>
<li><img src="__PUBLIC__/m_web/images/h1.jpg"></li>
<li><img src="__PUBLIC__/m_web/images/h2.jpg"></li>
<li><img src="__PUBLIC__/m_web/images/h3.jpg"></li>
<li><img src="__PUBLIC__/m_web/images/h11.jpg"></li>
</ul>
</div>
<div class="index_partner_list">
<ul>
<li><img src="__PUBLIC__/m_web/images/h4.jpg"></li>
<li><img src="__PUBLIC__/m_web/images/h5.jpg"></li>
<li><img src="__PUBLIC__/m_web/images/h6.jpg"></li>
<li><img src="__PUBLIC__/m_web/images/h7.jpg"></li>
</ul>
</div>
<div class="index_partner_list">
<ul>
<li><img src="__PUBLIC__/m_web/images/h8.jpg"></li>
<li><img src="__PUBLIC__/m_web/images/h9.jpg"></li>
<li><img src="__PUBLIC__/m_web/images/h10.jpg"></li>
<li><img src="__PUBLIC__/m_web/images/h11.jpg"></li>
</ul>
</div>
</div>
</div>
<script type="text/javascript">
$(function(){
$('.index_partner').bxSlider({
speed:5,
auto:true
});
});
</script>

113
app/mobile/view/include/top-collection.phtml Executable file
View File

@@ -0,0 +1,113 @@
<div class="header">
<div class="m_Container">
<div class="left"><span class="icon-category cursor_p"></span></div>
<div class="center cursor_p"><a href="__ORICOROOT__"><img src="__PUBLIC__/m_web/images/logo.png"></a></div>
<div class="right img-responsive cursor_p Batch text_white text_28">管理</div>
</div>
<div class="menu" style="display: none;">
<a href="__ORICOROOT__">
<dl>
<dt><a href="__ORICOROOT__" class=" cursor_p">首页</a></dt>
</dl>
</a>
<dl>
<dt class="cursor_p">产品与服务<i class="rotate icon-arrow"></i></dt>
<?php
$oneLevelCategory = [];
foreach ($productCategory as $key => $value):
if ($key > 7) {
break;
}
if (isset($category['id']) && $category['id'] == $value['id']) {
$oneLevelCategory = isset($value['child']) ? $value['child'] : [];
}
?>
<dd>
<a href="__ORICOROOT__/product/catelists/id/<?php echo $value['id']; ?>" class=" cursor_p">
<p><img src="<?php echo $value['m_icon']; ?>" style=" width:5.2%; padding-right: 4%; vertical-align: middle;"><?php echo $value['name']; ?></p>
</a>
</dd>
<?php endforeach; ?>
<dd><a href="__ORICOROOT__/Group/special" class="cursor_p"><img src="__PUBLIC__/m_web/images/special-icon.png" style="width:5.2%; padding-right: 4%; vertical-align: middle; ">产品特色专题</a></dd>
</dl>
<dl>
<dt class="cursor_p">价值与使命<i class="rotate icon-arrow"></i></dt>
<dd><a href="__ORICOROOT__/Group/weare" >我们是</a></dd>
<dd><a href="__ORICOROOT__/Group/wewill">我们会</a></dd>
<dd><a href="__ORICOROOT__/Group/culture" >文化与价值观</a></dd>
<dd><a href="__ORICOROOT__/Group/vision">愿景与使命</a></dd>
</dl>
<dl>
<dt class="cursor_p">历史与创新<i class="rotate icon-arrow"></i></dt>
<dd><a href="__ORICOROOT__/article/lists">最新动态</a></dd>
<dd><a href="__ORICOROOT__/Group/brand">品牌与发展</a></dd>
<dd><a href="__ORICOROOT__/Group/honor" >荣誉与证书</a></dd>
</dl>
<dl>
<dt><a href="__ORICOROOT__/Group/job">加入我们</a></dt>
</dl>
<dl>
<dt><a href="__ORICOROOT__/Group/contact">联系我们</a></dt>
</dl>
<dl>
<dt><a href="__ORICOROOT__/customer/personal">个人中心</a></dt>
</dl>
<dl>
<dt><a href="__ORICOROOT__/antifake/anti_fake">SSD系列防伪查询</a></dt>
</dl> <!--<dl>
<dt><a href="" class="text_white">个人中心</a></dt>
</dl>-->
<div class="search">
<a href="__ORICOROOT__/search"><div class="search margin-bottom-30">
<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 class="SingIn-button text-c"><a href="/mobile/customer/register">注册</a><a href="/mobile/customer/login">登录</a></div>--> </div>
</div>
</div>
<script>
/*menu菜单*/
$(function(){
$(".icon-category").click(function(){
$(this).toggleClass("icon-close");
$(".menu").slideToggle(800);
$(".m-Country").hide();
})
})
/*国家菜单*/
$(function(){
$(".m_Container .right").click(function(){
$(".menu").hide();
$(".m-Country").slideToggle(800);
})
})
// localStorage.clear();
if (localStorage) {
var user_data = JSON.parse(localStorage.getItem("user_data"));
if (user_data) {
var curr_time = (new Date()).getTime().toString().substr(0, 10);
var expire = 86400 * 14;
if ((curr_time - user_data.curr_time) > expire) {
localStorage.removeItem('user_data');
}
// console.log('当前时间:' + curr_time);
// console.log('登录时间:' + user_data.curr_time);
// console.log('缓存过期时间:' + expire);
// console.log('登录状态剩余时间:' + (expire - (curr_time - user_data.curr_time)));
// console.log(user_data);
}
} else {
}
</script>

124
app/mobile/view/include/top.phtml Executable file
View File

@@ -0,0 +1,124 @@
<div class="header">
<div class="m_Container">
<div class="left"><span class="icon-category cursor_p"></span></div>
<div class="center cursor_p"><a href="__ORICOROOT__"><img src="__PUBLIC__/m_web/images/logo.png"></a></div>
<div class="right img-responsive cursor_p"><img src="__PUBLIC__/m_web/images/countries/CN.png"></div>
</div>
<div class="menu" style="display: none;">
<a href="__ORICOROOT__">
<dl>
<dt><a href="__ORICOROOT__" class=" cursor_p">首页</a></dt>
</dl>
</a>
<dl>
<dt class="cursor_p">产品与服务<i class="rotate icon-arrow"></i></dt>
<?php
$oneLevelCategory = [];
foreach ($productCategory as $key => $value):
if ($key > 7) {
break;
}
if (isset($category['id']) && $category['id'] == $value['id']) {
$oneLevelCategory = isset($value['child']) ? $value['child'] : [];
}
?>
<dd>
<a href="__ORICOROOT__/product/catelists/id/<?php echo $value['id']; ?>" class=" cursor_p">
<p><img src="<?php echo $value['m_icon']; ?>" style=" width:5.2%; padding-right: 4%; vertical-align: middle;"><?php echo $value['name']; ?></p>
</a>
</dd>
<?php endforeach; ?>
<dd><a href="__ORICOROOT__/Group/special" class="cursor_p"><img src="__PUBLIC__/m_web/images/special-icon.png" style="width:5.2%; padding-right: 4%; vertical-align: middle; ">产品特色专题</a></dd>
</dl>
<dl>
<dt class="cursor_p">价值与使命<i class="rotate icon-arrow"></i></dt>
<dd><a href="__ORICOROOT__/Group/weare" >我们是</a></dd>
<dd><a href="__ORICOROOT__/Group/wewill">我们会</a></dd>
<dd><a href="__ORICOROOT__/Group/culture" >文化与价值观</a></dd>
<dd><a href="__ORICOROOT__/Group/vision">愿景与使命</a></dd>
</dl>
<dl>
<dt class="cursor_p">历史与创新<i class="rotate icon-arrow"></i></dt>
<dd><a href="__ORICOROOT__/article/lists">最新动态</a></dd>
<dd><a href="__ORICOROOT__/Group/brand">品牌与发展</a></dd>
<dd><a href="__ORICOROOT__/Group/honor" >荣誉与证书</a></dd>
</dl>
<dl>
<dt><a href="__ORICOROOT__/Group/job">加入我们</a></dt>
</dl>
<dl>
<dt><a href="__ORICOROOT__/Group/contact">联系我们</a></dt>
</dl>
<dl>
<dt><a href="__ORICOROOT__/customer/personal">个人中心</a></dt>
</dl>
<dl>
<dt class="cursor_p">技术支持<i class="rotate icon-arrow"></i></dt>
<dd><a href="__ORICOROOT__/antifake/anti_fake">SSD系列防伪查询</a></dd>
<dd><a href="__ORICOROOT__/Group/download">软件下载</a></dd>
</dl>
<!--<dl>
<dt><a href="" class="text_white">个人中心</a></dt>
</dl>-->
<div class="search">
<a href="__ORICOROOT__/search"><div class="search margin-bottom-30">
<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 class="SingIn-button text-c"><a href="/mobile/customer/register">注册</a><a href="/mobile/customer/login">登录</a></div>--> </div>
</div>
<div class="m-Country" style="display: none;">
<ul>
<li><a href="http://www.orico.cc/usmobile">美国</a></li>
<li><a href="http://www.orico.cc/id">印尼</a></li>
<li><a href="http://www.orico.cc/th">泰国</a></li>
<li><a href="">越南</a></li>
</ul>
</div>
</div>
<script>
/*menu菜单*/
$(function(){
$(".icon-category").click(function(){
$(this).toggleClass("icon-close");
$(".menu").slideToggle(800);
$(".m-Country").hide();
})
})
/*国家菜单*/
$(function(){
$(".m_Container .right").click(function(){
$(".menu").hide();
$(".m-Country").slideToggle(800);
})
})
// localStorage.clear();
if (localStorage) {
var user_data = JSON.parse(localStorage.getItem("user_data"));
if (user_data) {
var curr_time = (new Date()).getTime().toString().substr(0, 10);
var expire = 86400 * 14;
if ((curr_time - user_data.curr_time) > expire) {
localStorage.removeItem('user_data');
}
// console.log('当前时间:' + curr_time);
// console.log('登录时间:' + user_data.curr_time);
// console.log('缓存过期时间:' + expire);
// console.log('登录状态剩余时间:' + (expire - (curr_time - user_data.curr_time)));
// console.log(user_data);
}
} else {
}
</script>

118
app/mobile/view/include/top1.phtml Executable file
View File

@@ -0,0 +1,118 @@
<div class="header">
<div class="m_Container">
<div class="left"><span class="icon-category cursor_p"></span></div>
<div class="center cursor_p"><img src="__PUBLIC__/m_web/images/logo.png"></div>
<div class="right img-responsive cursor_p"><img src="__PUBLIC__/m_web/images/countries/CN.png"></div>
</div>
<div class="menu" style="display: none;">
<a href="/mobile">
<dl>
<dt><a href="/mobile/" class=" cursor_p">首页</a></dt>
</dl>
</a>
<dl>
<dt class="cursor_p">产品与服务<i class="rotate icon-arrow"></i></dt>
<?php
$oneLevelCategory = [];
foreach ($productCategory as $key => $value):
if ($key > 6) {
break;
}
if (isset($category['id']) && $category['id'] == $value['id']) {
$oneLevelCategory = isset($value['child']) ? $value['child'] : [];
}
?>
<dd>
<a href="/mobile/product/catelists/id/<?php echo $value['id']; ?>" class=" cursor_p">
<p><img src="<?php echo $value['m_icon']; ?>" style=" width:5.2%; padding-right: 4%; vertical-align: middle;"><?php echo $value['name']; ?></p>
</a>
</dd>
<?php endforeach; ?>
<dd><a href="/mobile/Group/special" class="cursor_p"><img src="__PUBLIC__/m_web/images/special-icon.png" style="width:5.2%; padding-right: 4%; vertical-align: middle; ">产品特色专题</a></dd>
</dl>
<dl>
<dt class="cursor_p">价值与使命<i class="rotate icon-arrow"></i></dt>
<dd><a href="/mobile/Group/weare" >我们是</a></dd>
<dd><a href="/mobile/Group/wewill">我们会</a></dd>
<dd><a href="/mobile/Group/culture" >文化与价值观</a></dd>
<dd><a href="/mobile/Group/vision">愿景与使命</a></dd>
</dl>
<dl>
<dt class="cursor_p">历史与创新<i class="rotate icon-arrow"></i></dt>
<dd><a href="/mobile/article/lists">最新动态</a></dd>
<dd><a href="/mobile/Group/brand">品牌与发展</a></dd>
<dd><a href="/mobile/Group/honor" >荣誉与证书</a></dd>
</dl>
<dl>
<dt><a href="/mobile/Group/job">加入我们</a></dt>
</dl>
<dl>
<dt><a href="/mobile/Group/contact">联系我们</a></dt>
</dl>
<dl>
<dt><a href="/mobile/customer/personal">个人中心</a></dt>
</dl>
<!--<dl>
<dt><a href="" class="text_white">个人中心</a></dt>
</dl>-->
<div class="search">
<a href="/mobile/search"><div class="search margin-bottom-30">
<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 class="SingIn-button text-c"><a href="/mobile/customer/register">注册</a><a href="/mobile/customer/login">登录</a></div>--> </div>
</div>
<div class="m-Country" style="display: none;">
<ul>
<li><a href="/us">美国</a></li>
<li><a href="">印尼</a></li>
<li><a href="">泰国</a></li>
<li><a href="">越南</a></li>
</ul>
</div>
</div>
<script>
/*menu菜单*/
$(function(){
$(".m_Container .left").click(function(){
$(".menu").slideToggle(800);
$(".m-Country").hide();
})
})
/*国家菜单*/
$(function(){
$(".m_Container .right").click(function(){
$(".menu").hide();
$(".m-Country").slideToggle(800);
})
})
// localStorage.clear();
if (localStorage) {
var user_data = JSON.parse(localStorage.getItem("user_data"));
if (user_data) {
var curr_time = (new Date()).getTime().toString().substr(0, 10);
var expire = 86400 * 14;
if ((curr_time - user_data.curr_time) > expire) {
localStorage.removeItem('user_data');
}
// console.log('当前时间:' + curr_time);
// console.log('登录时间:' + user_data.curr_time);
// console.log('缓存过期时间:' + expire);
// console.log('登录状态剩余时间:' + (expire - (curr_time - user_data.curr_time)));
// console.log(user_data);
}
} else {
}
</script>

230
app/mobile/view/include/top_back.phtml Executable file
View File

@@ -0,0 +1,230 @@
<div class="header ">
<div class="m_Container clearfix">
<div class="left">
<span class="icon-logo cursor_p"><a href="__ORICOROOT__/index"><img src="__PUBLIC__/m_weben/images/logo.png"></a></span>
</div>
<div class="right img-responsive cursor_p">
<span class=" cursor_p spn1"> <i class="icon-menu-svg"></i></span>
<span class="icon-keyword cursor_p del-button del-btn"><i class="icon-search-svg"></i></span>
<span class="cursor_p mask-up"><i class="icon-lag-svg"></i></span>
</div>
</div>
<div class="menu" style="display: none;">
<a href="__ORICOROOT__">
<dl>
<dt><a href="__ORICOROOT__">首页</a></dt>
</dl>
</a>
<dl>
<dt class="cursor_p">产品列表 <i class="rotate icon-arrow"></i></dt>
<?php
$oneLevelCategory = [];
foreach ($productCategory as $key => $value):
if ($key > 7) {
break;
}
if (isset($category['id']) && $category['id'] == $value['id']) {
$oneLevelCategory = isset($value['child']) ? $value['child'] : [];
}
?>
<dd>
<a href="__ORICOROOT__/product/catelists/id/<?php echo $value['id']; ?>" class=" cursor_p">
<p><?php echo $value['name']; ?></p>
</a>
</dd>
<?php endforeach; ?>
<dd><a href="__ORICOROOT__/Group/special" class="cursor_p">特色产品</a></dd>
</dl>
<?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__/'.str_replace("index/","",$nav['url']);
}
else{
$link = '#';
}
}
?>
<dl>
<dt class="cursor_p">
<a class="acolor" href="<?php echo $link; ?>" <?php if($nav['is_new_window_open']){echo "target='_blank'";} ?> title="<?php echo $nav['name']; ?>"><?php echo $nav['name']; ?></a>
<?php if (!empty($nav['items'])): ?>
<i class="rotate icon-arrow"></i>
<?php endif; ?>
</dt>
<?php if (!empty($nav['items'])): ?>
<?php
foreach ($nav['items'] as $kt => $child):
if(strpos($child['url'], 'http://') !== false || strpos($child['url'], 'https://') !== false) {
$childLink = $child['url'];
}
else{
$childLink = '__ORICOROOT__/'.str_replace("index/","",$child['url']);
}
?>
<dd><a href="<?php echo $childLink; ?>" <?php if($child['is_new_window_open']){echo "target='_blank'";} ?> title="<?php echo $child['name']; ?>"><?php echo $child['name']; ?></a></dd>
<?php endforeach; ?>
<?php endif; ?>
</dl>
<?php endforeach; ?>
<?php endif; ?>
</div>
</div>
<!--搜索弹框-->
<div class="marsk-container"style="display: none;">
<div class="popup-quick" >
<div class="ac-close float_r "><img src="__PUBLIC__/m_weben/images/close.png"></div>
<div class="search-in">
<input type="text" placeholder="产品 USB 2.0..." id="search-input1" >
<button id="search-btnput" class="search-button">搜索</button>
<div class="title-text">
<p><a href="#">搜索历史</a></p>
<?php
$historyList = getBannerList(90, 5);
if ($historyList):
?>
<?php foreach ($historyList as $kh => $history): ?>
<p><a href="<?php echo $history['url']; ?>"><?php echo $history['name']; ?></a></p>
<?php endforeach; ?>
<?php endif; ?>
</div>
</div>
</div>
</div>
<!--弹出框-->
<script>
//网页加载时运行
$(function(){
navHeader();
$(window).scroll(function () {
navHeader();
})
function navHeader() {
if ($(window).scrollTop() > 0) {
$(".header").addClass("m_nav");
} else {
$(".header").removeClass("m_nav");
}
}
})
/*menu菜单*/
$(function(){
$(".spn1").click(function(){
$(this).toggleClass("icon-close");
$(".menu").slideToggle(800);
$(".m-Country").hide();
})
})
/*字体大小变化*/
/* 长宽占位 rem算法, 根据root的rem来计算各元素相对rem, 默认html 320/20 = 16px */
/* 长宽占位 rem算法, 根据root的rem来计算各元素相对rem, 默认html 320/20 = 16px */
function placeholderPic(){
var w = document.documentElement.offsetWidth;
if(w>750){
document.documentElement.style.fontSize=750/20+'px';
}else{
document.documentElement.style.fontSize=w/20+'px';
}
}
placeholderPic();
window.onresize=function(){
placeholderPic();
}
/*底部文件*/
$(function(){
$(".faq dl dt").click(function(){
$(this).nextAll().slideToggle(500);
$(this).children("i").toggleClass("icon-jian-svg");
})
})
/*头部*/
$(function(){
$(".menu dl dt").click(function(){
$(this).nextAll().slideToggle(500);
$(this).children("i").toggleClass("rotate");
})
})
/*搜索弹框*/
$(function() {
$('.del-button').click(function() {
$(".marsk-container").show();
});
});
/*弹出框关闭*/
$(function() {
$('.ac-close').click(function() {
$(".marsk-container").hide();
});
});
/************搜索****************/
$(function() {
var search_input = $("#search-input1");
$(search_input).on("keyup", function(e)
{
$("#search-input1").keyup(function(event) {
if (event && event.keyCode === 13) {
var keywords = $("#search-input1").val();
var href = "/mobile<?php echo url('/search'); ?>?skeyword=" + encodeURIComponent(keywords);
location.href = href;
$("#modal").hide();
}
});
});
$("#search-btnput").bind("click", function(event) {
var skeyword = $("#search-input1").val();
if (skeyword) {
var href = "<?php echo url('/mobile/search'); ?>?skeyword=" + encodeURIComponent(skeyword);
location.href = href;
}
else{
var href = "<?php echo url('/mobile/search'); ?>";
location.href = href;
}
});
});
</script>
<style>
.search-in input {
width: 72% !important;
height: 2.8rem;
background: #ffffff;
border: 1px solid #d6d6d6;
opacity: 1;
border-radius: 20px;
padding: 0 1rem;
}
.search-button {
border: none;
font-size: 0.9rem;
color: #fff;
position: absolute;
right: 15px;
top: 12.2rem;
cursor: pointer;
background: #0060ff;
height: 2.5rem;
border-radius: 20px;
padding: 0 1rem;
}
</style>

236
app/mobile/view/include/top_back1.phtml Executable file
View File

@@ -0,0 +1,236 @@
<div class="m_nav ">
<div class="m_Container clearfix">
<div class="left">
<span class="icon-logo cursor_p"><a href="__ORICOROOT__/index"><img src="__PUBLIC__/m_weben/images/logo.png"></a></span>
</div>
<div class="right img-responsive cursor_p">
<span class=" cursor_p spn1"> <i class="icon-menu-svg"></i></span>
<span class="icon-keyword cursor_p del-button del-btn"><i class="icon-search-svg"></i></span>
<span class="cursor_p mask-up"><i class="icon-lag-svg"></i></span>
</div>
</div>
<div class="menu" style="display: none;">
<a href="__ORICOROOT__">
<dl>
<dt><a href="__ORICOROOT__">首页</a></dt>
</dl>
</a>
<dl>
<dt class="cursor_p">产品列表 <i class="rotate icon-arrow"></i></dt>
<?php
$oneLevelCategory = [];
foreach ($productCategory as $key => $value):
if ($key > 7) {
break;
}
if (isset($category['id']) && $category['id'] == $value['id']) {
$oneLevelCategory = isset($value['child']) ? $value['child'] : [];
}
?>
<dd>
<a href="__ORICOROOT__/product/catelists/id/<?php echo $value['id']; ?>" class=" cursor_p">
<p><?php echo $value['name']; ?></p>
</a>
</dd>
<?php endforeach; ?>
<dd><a href="__ORICOROOT__/Group/special" class="cursor_p">特色产品</a></dd>
</dl>
<?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__/'.str_replace("index/","",$nav['url']);
}
else{
$link = '#';
}
}
?>
<dl>
<dt class="cursor_p">
<a class="acolor" href="<?php echo $link; ?>" <?php if($nav['is_new_window_open']){echo "target='_blank'";} ?> title="<?php echo $nav['name']; ?>"><?php echo $nav['name']; ?></a>
<?php if (!empty($nav['items'])): ?>
<i class="rotate icon-arrow"></i>
<?php endif; ?>
</dt>
<?php if (!empty($nav['items'])): ?>
<?php
foreach ($nav['items'] as $kt => $child):
if(strpos($child['url'], 'http://') !== false || strpos($child['url'], 'https://') !== false) {
$childLink = $child['url'];
}
else{
$childLink = '__ORICOROOT__/'.str_replace("index/","",$child['url']);
}
?>
<dd><a href="<?php echo $childLink; ?>" <?php if($child['is_new_window_open']){echo "target='_blank'";} ?> title="<?php echo $child['name']; ?>"><?php echo $child['name']; ?></a></dd>
<?php endforeach; ?>
<?php endif; ?>
</dl>
<?php endforeach; ?>
<?php endif; ?>
</div>
</div>
<!--搜索弹框-->
<div class="marsk-container"style="display: none;">
<div class="popup-quick" >
<div class="ac-close float_r "><img src="__PUBLIC__/m_weben/images/close.png"></div>
<div class="search-in">
<input type="text" placeholder="产品 USB 2.0..." id="search-input1" >
<button id="search-btnput" class="search-button">搜索</button>
<div class="title-text">
<p><a href="#">搜索历史</a></p>
<?php
$historyList = getBannerList(90, 5);
if ($historyList):
?>
<?php foreach ($historyList as $kh => $history): ?>
<p><a href="<?php echo $history['url']; ?>"><?php echo $history['name']; ?></a></p>
<?php endforeach; ?>
<?php endif; ?>
</div>
</div>
</div>
</div>
<!--弹出框-->
<script type="text/javascript" src="__PUBLIC__/m_weben/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/m_weben/js/bxslider/jquery.bxslider.min.js"></script>
<script src="__PUBLIC__/m_weben/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="__PUBLIC__/m_weben/js/modernizr.js"></script>
<script src="__PUBLIC__/m_weben/js/jquery.mobile.custom.min.js"></script>
<script src="__PUBLIC__/m_weben/js/main.js"></script>
<script src="__PUBLIC__/m_weben/js/resize.js"></script>
<script>
//网页加载时运行
$(function(){
navHeader();
$(window).scroll(function () {
navHeader();
})
function navHeader() {
if ($(window).scrollTop() > 0) {
$(".header").addClass("m_nav");
} else {
$(".header").removeClass("m_nav");
}
}
})
/*menu菜单*/
$(function(){
$(".spn1").click(function(){
$(this).toggleClass("icon-close");
$(".menu").slideToggle(800);
$(".m-Country").hide();
})
})
/*字体大小变化*/
/* 长宽占位 rem算法, 根据root的rem来计算各元素相对rem, 默认html 320/20 = 16px */
/* 长宽占位 rem算法, 根据root的rem来计算各元素相对rem, 默认html 320/20 = 16px */
function placeholderPic(){
var w = document.documentElement.offsetWidth;
if(w>750){
document.documentElement.style.fontSize=750/20+'px';
}else{
document.documentElement.style.fontSize=w/20+'px';
}
}
placeholderPic();
window.onresize=function(){
placeholderPic();
}
/*底部文件*/
$(function(){
$(".faq dl dt").click(function(){
$(this).nextAll().slideToggle(500);
$(this).children("i").toggleClass("icon-jian-svg");
})
})
/*头部*/
$(function(){
$(".menu dl dt").click(function(){
$(this).nextAll().slideToggle(500);
$(this).children("i").toggleClass("rotate");
})
})
/*搜索弹框*/
$(function() {
$('.del-button').click(function() {
$(".marsk-container").show();
});
});
/*弹出框关闭*/
$(function() {
$('.ac-close').click(function() {
$(".marsk-container").hide();
});
});
/************搜索****************/
$(function() {
var search_input = $("#search-input1");
$(search_input).on("keyup", function(e)
{
$("#search-input1").keyup(function(event) {
if (event && event.keyCode === 13) {
var keywords = $("#search-input1").val();
var href = "<?php echo url('/mobile/search'); ?>?skeyword=" + encodeURIComponent(keywords);
location.href = href;
$("#modal").hide();
}
});
});
$("#search-btnput").bind("click", function(event) {
var skeyword = $("#search-input1").val();
if (skeyword) {
var href = "<?php echo url('/mobile/search'); ?>?skeyword=" + encodeURIComponent(skeyword);
location.href = href;
}
else{
var href = "<?php echo url('/mobile/search'); ?>";
location.href = href;
}
});
});
</script>
<style>
.search-in input {
width: 72% !important;
height: 2.8rem;
background: #ffffff;
border: 1px solid #d6d6d6;
opacity: 1;
border-radius: 20px;
padding: 0 1rem;
}
.search-button { border: none;
font-size: 0.9rem;
color: #fff;
position: absolute;
right: 15px;
top: 12.2rem;
cursor: pointer;
background: #0060ff;
height: 2.5rem;
border-radius: 20px;
padding: 0 1rem;
}
</style>

174
app/mobile/view/include/top_nas.phtml Executable file
View File

@@ -0,0 +1,174 @@
<div class="header">
<div class="m_Container clearfix">
<div class="left">
<span class="icon-logo cursor_p">
<a href="__ORICOROOT__/index">
<img src="__PUBLIC__/m_weben/images/logo.png" />
</a>
</span>
</div>
<div class="right img-responsive cursor_p">
<span class="cursor_p spn1">
<i class="icon-menu-svg"></i>
</span>
<span class="icon-keyword cursor_p del-button del-btn">
<i class="icon-search-svg"></i>
</span>
<span class="cursor_p mask-up">
<i class="icon-lag-svg"></i>
</span>
</div>
</div>
<div class="menu" style="display: none;">
{volist name="nav_header" id="vo"}
<dl>
<dt class="cursor_p">
{if condition="empty($vo.items)"}
<a href="{$vo.url}">{$vo.name}</a>
{else /}
<p>{$vo.name}</p><i class="rotate icon-arrow"></i>
{/if}
</dt>
{if condition="!empty($vo.items)"}
{volist name="vo.items" id="it"}
<dd>
<a class="cursor_p" href="{$it.url}">{$it.name}</a>
</dd>
{/volist}
{/if}
</dl>
{/volist}
</div>
</div>
<!--搜索弹框-->
<div class="marsk-container" style="display: none;">
<div class="popup-quick">
<div class="ac-close float_r "><img src="__PUBLIC__/m_weben/images/close.png"></div>
<div class="search-in">
<input type="text" placeholder="产品 USB 2.0..." id="search-input1">
<button id="search-btnput" class="search-button">搜索</button>
<div class="title-text">
<p><a href="#">搜索历史</a></p>
<?php $history_list = getBannerList(90, 5);?>
{volist name="history_list" id="vo"}
<p><a href="{$vo.url}">{$vo.name}</a></p>
{/volist}
</div>
</div>
</div>
</div>
<!--弹出框-->
<script>
$(function(){
navHeader();
$(window).scroll(function () {
navHeader();
})
function navHeader() {
if ($(window).scrollTop() > 0) {
$(".header").addClass("m_nav");
} else {
$(".header").removeClass("m_nav");
}
}
});
/*menu菜单*/
$(function() {
$(".spn1").click(function() {
$(this).toggleClass("icon-close");
$(".menu").slideToggle(800);
$(".m-Country").hide();
});
});
/*字体大小变化*/
/* 长宽占位 rem算法, 根据root的rem来计算各元素相对rem, 默认html 320/20 = 16px */
/* 长宽占位 rem算法, 根据root的rem来计算各元素相对rem, 默认html 320/20 = 16px */
function placeholderPic() {
var w = document.documentElement.offsetWidth;
if (w > 750) {
document.documentElement.style.fontSize = 750 / 20 + 'px';
} else {
document.documentElement.style.fontSize = w / 20 + 'px';
}
}
placeholderPic();
window.onresize = function() {
placeholderPic();
}
/*头部*/
$(function() {
$(".menu dl dt").click(function() {
$(this).nextAll().slideToggle(500);
$(this).children("i").toggleClass("rotate");
})
})
/*搜索弹框*/
$(function() {
$('.del-button').click(function() {
$(".marsk-container").show();
});
});
/*弹出框关闭*/
$(function() {
$('.ac-close').click(function() {
$(".marsk-container").hide();
});
});
/************搜索****************/
$(function() {
var search_input = $("#search-input1");
$(search_input).on("keyup", function(e) {
$("#search-input1").keyup(function(event) {
if (event && event.keyCode === 13) {
var keywords = $("#search-input1").val();
var href = "/mobile<?php echo url('/search'); ?>?skeyword=" +
encodeURIComponent(keywords);
location.href = href;
$("#modal").hide();
}
});
});
$("#search-btnput").bind("click", function(event) {
var skeyword = $("#search-input1").val();
if (skeyword) {
var href = "<?php echo url('/mobile/search'); ?>?skeyword=" + encodeURIComponent(skeyword);
location.href = href;
} else {
var href = "<?php echo url('/mobile/search'); ?>";
location.href = href;
}
});
});
</script>
<style>
.search-in input {
width: 72% !important;
height: 2.8rem;
background: #ffffff;
border: 1px solid #d6d6d6;
opacity: 1;
border-radius: 20px;
padding: 0 1rem;
}
.search-button {
border: none;
font-size: 0.9rem;
color: #fff;
position: absolute;
right: 15px;
top: 12.2rem;
cursor: pointer;
background: #0060ff;
height: 2.5rem;
border-radius: 20px;
padding: 0 1rem;
}
</style>