init
This commit is contained in:
44
app/usmobile/view/include/banner.phtml
Executable file
44
app/usmobile/view/include/banner.phtml
Executable file
@@ -0,0 +1,44 @@
|
||||
<!-- 轮播 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 ">
|
||||
<?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">Learn More </div>
|
||||
</p>
|
||||
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<!-- 轮播 e -->
|
||||
124
app/usmobile/view/include/bottom.phtml
Executable file
124
app/usmobile/view/include/bottom.phtml
Executable file
@@ -0,0 +1,124 @@
|
||||
<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>Product</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): ?>
|
||||
<?php foreach ($nav_footer as $kf => $footer): ?>
|
||||
<li>
|
||||
<h3><?php echo $footer['name']; ?></h3>
|
||||
<?php if ($footer['items']): ?>
|
||||
<?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'];
|
||||
}
|
||||
if($ki<3):
|
||||
?>
|
||||
<p>
|
||||
<a href="<?php echo $link; ?>" <?php if($itm['is_new_window_open']){echo "target='_blank'";} ?> data='aa' class="inline-block link-faded break-all"><?php echo $itm['name']; ?></a>
|
||||
</p>
|
||||
<?php endif; ?>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
<li>
|
||||
<h3>Contact</h3>
|
||||
<p>Technical Support:<?php echo $website_email;?></p>
|
||||
<p>Business:oversea-bu@orico.com.cn</p>
|
||||
<p>Monday-Friday,9a.m.-6p.m.GMT+8</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.facebook.com/ORICOTECHNOLOGY/" target="_blank" > <img src="__PUBLIC__/m_weben/images/Facebook.png" ></a>
|
||||
<a href="https://www.instagram.com/orico_technology/" target="_blank" ><img src="__PUBLIC__/m_weben/images/ins.png" ></a>
|
||||
<a href="https://www.youtube.com/@OricoTechs" target="_blank" ><img src="__PUBLIC__/m_weben/images/YouTube.png" ></a>
|
||||
</div>
|
||||
<div class="right mask-up img-responsive foot-con">
|
||||
<img class="right-country" src="__PUBLIC__/m_weben/images/Amric-icon.png" >
|
||||
<span >United States</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">SELECT A REGION</div>
|
||||
<div class="close-icon">
|
||||
<img src="__PUBLIC__/m_weben/images/close.png" >
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li num="1"><a href="https://www.orico.com.cn/" target="_blank"> <img src="__PUBLIC__/m_weben/images/countries/china-img.png" >China- 中文简体</a></li>
|
||||
<li num="2"><a href="https://www.orico.cc/us" target="_blank"><img src="__PUBLIC__/m_weben/images/countries/US.png" >USA - English</a></li>
|
||||
<li num="3"><a href="https://www.oricobr.com" target="_blank"><img src="__PUBLIC__/m_weben/images/countries/BR.png" >Brazil - portugues</a></li>
|
||||
<li num="4"><a href="https://www.ORICOPERU.com" target="_blank"><img src="__PUBLIC__/m_weben/images/countries/PE.png" >Peru - espafol</a></li>
|
||||
<li num="5"><a href="https://www.orico.cc/th" target="_blank"><img src="__PUBLIC__/m_weben/images/countries/TH.png" >Thailand - ไทย</a></li>
|
||||
<li num="6"><a href="https://www.orico.cc/id" target="_blank"><img src="__PUBLIC__/m_weben/images/countries/ID.png" >Indonesia - bahasa Indonesia</a></li>
|
||||
<li num="7"><a href="https://www.orico.cc/vn" target="_blank"><img src="__PUBLIC__/m_weben/images/countries/VN.png" >Vietnam - Tiếng Việt</a></li>
|
||||
<li num="8"><a href="https://www.orico.shop/" target="_blank"><img src="__PUBLIC__/m_weben/images/countries/NL.png" >Netherlands - English</a></li>
|
||||
<li num="9"><a href="http://www.oricoturkiye.com/" target="_blank"><img src="__PUBLIC__/m_weben/images/countries/TR.png" >Turkiye - Türkçe</a></li>
|
||||
<li num="10"><a href="https://www.oricoiran.com" target="_blank"><img src="__PUBLIC__/m_weben/images/countries/IR.png" >Iran - فارسی</a></li>
|
||||
<li num="10"><a href="https://www.orico.com.au" target="_blank"><img src="__PUBLIC__/m_weben/images/countries/AU.png" >Australia - English</a></li>
|
||||
<li num="10"><a href="https://orico-russia.ru" target="_blank"><img src="__PUBLIC__/m_weben/images/countries/RU.png" >Russia - Россия</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="copy-text">@2023. Orico. Powered by Shopify</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')
|
||||
|
||||
})
|
||||
$('.mask')
|
||||
.not('.action-sheet')
|
||||
.click(function () {
|
||||
$('.action-sheet').hide()
|
||||
$('.mask').hide()
|
||||
$('html').removeClass('scroll-mask')
|
||||
})
|
||||
})
|
||||
</script>
|
||||
|
||||
43
app/usmobile/view/include/catbanner.phtml
Executable file
43
app/usmobile/view/include/catbanner.phtml
Executable file
@@ -0,0 +1,43 @@
|
||||
<!-- 轮播 s -->
|
||||
<?php
|
||||
$banners = getBannerList(48, 6, [['exp', \think\Db::raw('FIND_IN_SET(\'' . $category['id'] . '\',`categoryid`)')]]);
|
||||
// echo \think\Db::table('BannerUs')->getLastSql();die;
|
||||
if ($banners):
|
||||
?>
|
||||
<div class="homeban img-responsive 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">
|
||||
<?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 -->
|
||||
42
app/usmobile/view/include/catbanner2.phtml
Executable file
42
app/usmobile/view/include/catbanner2.phtml
Executable file
@@ -0,0 +1,42 @@
|
||||
<!-- 轮播 s -->
|
||||
<?php
|
||||
$banners = getBannerList(49, 6, [['exp', \think\Db::raw('FIND_IN_SET(\'' . $category['id'] . '\',`categoryid`)')]]);
|
||||
if ($banners):
|
||||
?>
|
||||
<div class="homeban img-responsive 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">
|
||||
<?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 -->
|
||||
233
app/usmobile/view/include/form.phtml
Executable file
233
app/usmobile/view/include/form.phtml
Executable file
@@ -0,0 +1,233 @@
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/m_weben/css/app.css">
|
||||
|
||||
<!-- 代理申请表单 s -->
|
||||
<div class="cooperapp_bdpage">
|
||||
<div class="cooperapp_bd_main">
|
||||
<h1 class="cooperapp_t1">To Be Our Distributor</h1>
|
||||
<p class="cooperapp_s1">Ready to join us?<br /> your details below and our Sales team will get back to you within 2
|
||||
business days.</p>
|
||||
<!--内容-->
|
||||
<div class="bd_ct cooperapp_bd_ct">
|
||||
<div class="thimg">
|
||||
<img src="./appimg/copperaapp_img1.png" alt="" srcset="" class="cooperapp_bdimg">
|
||||
</div>
|
||||
<div class="bd_from">
|
||||
<div class="theit">
|
||||
<div class="bditem">
|
||||
<label class="itlable">Company Name<span class="redtag">*</span></label>
|
||||
<input type="text" class="form-control itinp companyName" placeholder="Enter your first name">
|
||||
</div>
|
||||
</div>
|
||||
<div class="theit">
|
||||
<div class="bditem">
|
||||
<label class="itlable">contact Email <span class="redtag">*</span></label>
|
||||
<input type="text" class="form-control itinp email" placeholder="Enter your Email" >
|
||||
</div>
|
||||
</div>
|
||||
<div class="theit">
|
||||
<div class="bditem bditem1">
|
||||
<label class="itlable">Phone Numbe<span class="redtag">*</span></label>
|
||||
<input type="text" class="form-control itinp phone"
|
||||
placeholder="This is your placeholder text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="theit">
|
||||
<div class="bditem">
|
||||
<label class="itlable">Type of Business<span class="redtag">*</span></label>
|
||||
<select name="business_type" data-pf-type="FormInput" class="form-control itinp business_type">
|
||||
<option value="Online Store">Online Store</option>
|
||||
<option value="Local Shop">Local Shop</option>
|
||||
<option value="Both">Both</option></select>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="theit">
|
||||
<div class="bditem">
|
||||
<label class="itlable">Online Shop URL</label>
|
||||
<input type="text" class="form-control itinp url"
|
||||
placeholder="This is your placeholder tex">
|
||||
</div>
|
||||
</div>
|
||||
<div class="theit">
|
||||
<div class="bditem bditem1">
|
||||
<label class="itlable">Enterprise size<span class="redtag">*</span></label>
|
||||
<select name="enterprise_size" data-pf-type="FormInput" class="form-control itinp enterprise_size">
|
||||
<option value="10 Or Less">10 Or Less</option>
|
||||
<option value="10-50">10-50</option>
|
||||
<option value="50-199">50-199</option>
|
||||
<option value="200 Or More">200 Or More</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="theit">
|
||||
<div class="bditem bditem1">
|
||||
<label class="itlable">company Address<span class="redtag">*</span></label>
|
||||
<input class="form-control itinp address" placeholder="Enter Address">
|
||||
</div>
|
||||
</div>
|
||||
<div class="theit">
|
||||
<div class="bditem bditem1">
|
||||
<label class="itlable">Message<span class="redtag">*</span></label>
|
||||
<textarea class="ittextarea message" placeholder="Enter your message"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 提交-->
|
||||
<div class="bttj">SUBMT</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 代理申请表单 e -->
|
||||
|
||||
|
||||
<script>
|
||||
// 输入框失去焦点
|
||||
$('.companyName').blur(function(){
|
||||
if($('.companyName').val() != ''){
|
||||
$('.companyName').removeClass('error');
|
||||
$('.companyName').next('span').addClass('hide');
|
||||
}else{
|
||||
$('.companyName').addClass('error');
|
||||
$('.companyName').next('span').removeClass('hide');
|
||||
}
|
||||
})
|
||||
|
||||
$('.email').blur(function(){
|
||||
if($('.email').val() != ''){
|
||||
$('.email').removeClass('error');
|
||||
$('.email').next('span').addClass('hide');
|
||||
}else{
|
||||
$('.email').addClass('error');
|
||||
$('.email').next('span').removeClass('hide');
|
||||
}
|
||||
})
|
||||
$('.business_type').blur(function(){
|
||||
if($('.business_type').val() != ''){
|
||||
$('.business_type').removeClass('error');
|
||||
$('.business_type').next('span').addClass('hide');
|
||||
}else{
|
||||
$('.business_type').addClass('error');
|
||||
$('.business_type').next('span').removeClass('hide');
|
||||
}
|
||||
})
|
||||
$('.enterprise_size').blur(function(){
|
||||
if($('.enterprise_size').val() != ''){
|
||||
$('.enterprise_size').removeClass('error');
|
||||
$('.enterprise_size').next('span').addClass('hide');
|
||||
}else{
|
||||
$('.enterprise_size').addClass('error');
|
||||
$('.enterprise_size').next('span').removeClass('hide');
|
||||
}
|
||||
})
|
||||
$('.address').blur(function(){
|
||||
if($('.address').val() != ''){
|
||||
$('.address').removeClass('error');
|
||||
$('.address').next('span').addClass('hide');
|
||||
}else{
|
||||
$('.address').addClass('error');
|
||||
$('.address').next('span').removeClass('hide');
|
||||
}
|
||||
})
|
||||
$('.message').blur(function(){
|
||||
if($('.message').val() != ''){
|
||||
$('.message').removeClass('error');
|
||||
$('.message').next('span').addClass('hide');
|
||||
}else{
|
||||
$('.message').addClass('error');
|
||||
$('.message').next('span').removeClass('hide');
|
||||
}
|
||||
})
|
||||
// 提交表单
|
||||
$('.submit_btn').click(function(){
|
||||
var companyName = $('.companyName').val();
|
||||
var business_type = $('.business_type').val();
|
||||
var enterprise_size = $('.enterprise_size').val();
|
||||
var email = $('.email').val();
|
||||
var phone = $('.phone').val();
|
||||
var address = $('.address').val();
|
||||
var message = $('.message').val();
|
||||
|
||||
|
||||
if(companyName == ''){
|
||||
$('.companyName').addClass('error');
|
||||
$('.companyName').next('span').removeClass('hide');
|
||||
}
|
||||
if(business_type == ''){
|
||||
$('.business_type').addClass('error');
|
||||
$('.business_type').next('span').removeClass('hide');
|
||||
}
|
||||
if(enterprise_size == ''){
|
||||
$('.enterprise_size').addClass('error');
|
||||
$('.enterprise_size').next('span').removeClass('hide');
|
||||
}
|
||||
if(email == ''){
|
||||
$('.email').addClass('error');
|
||||
$('.email').next('span').removeClass('hide');
|
||||
}
|
||||
if(phone == ''){
|
||||
$('.phone').addClass('error');
|
||||
$('.phone').next('span').removeClass('hide');
|
||||
}
|
||||
if(address == ''){
|
||||
$('.address').addClass('error');
|
||||
$('.address').next('span').removeClass('hide');
|
||||
}
|
||||
if(message == ''){
|
||||
$('.message').addClass('error');
|
||||
$('.message').next('span').removeClass('hide');
|
||||
}
|
||||
|
||||
try {
|
||||
k_win_ref = window.parent.document.referrer;
|
||||
} catch(e) {
|
||||
k_win_ref = '';
|
||||
};
|
||||
//点击创建申请块
|
||||
if(companyName && business_type && enterprise_size && email && address && message && phone) {
|
||||
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: "/usmobile/agents/create",
|
||||
data: {'company':companyName, 'email':email, 'address':address,'business_type':business_type,'enterprise_size':enterprise_size,'phone':$('.phone').val(),'address':address,'message':message,'uri':$('.url').val(),'refer':k_win_ref},
|
||||
dataType: "json",
|
||||
success: function(data){
|
||||
if(data.code == 200) {
|
||||
//alert(data.msg);
|
||||
//window.location.href='/us/agents/agents.html';
|
||||
location.href = '/usmobile/Group/submission.html';
|
||||
}
|
||||
else{
|
||||
if(data.code == 403 || data.code == 201) {
|
||||
alert(data.msg);
|
||||
}
|
||||
else{
|
||||
|
||||
$('.email').addClass('error');
|
||||
$('.email').next('span').removeClass('hide');
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
})
|
||||
</script>
|
||||
<script>
|
||||
(function (doc, win) {
|
||||
var docEl = doc.documentElement;
|
||||
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
|
||||
recalc = function () {
|
||||
var clientWidth = docEl.clientWidth;
|
||||
if (!clientWidth) return;
|
||||
docEl.style.fontSize = 50 * (clientWidth / 375) + 'px';
|
||||
};
|
||||
if (!doc.addEventListener) return;
|
||||
win.addEventListener(resizeEvt, recalc, false);
|
||||
doc.addEventListener('DOMContentLoaded', recalc, false);
|
||||
}(document,window));
|
||||
</script>
|
||||
3
app/usmobile/view/include/head-seo.phtml
Executable file
3
app/usmobile/view/include/head-seo.phtml
Executable file
@@ -0,0 +1,3 @@
|
||||
<title><?php echo $seo_title; ?></title>
|
||||
<meta name="keywords" content="<?php echo $seo_keyword; ?>">
|
||||
<meta name="description" content="<?php echo $seo_description; ?>">
|
||||
28
app/usmobile/view/include/head.phtml
Executable file
28
app/usmobile/view/include/head.phtml
Executable file
@@ -0,0 +1,28 @@
|
||||
<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__/m_weben/css/style.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>
|
||||
|
||||
|
||||
|
||||
|
||||
217
app/usmobile/view/include/kefu.phtml
Executable file
217
app/usmobile/view/include/kefu.phtml
Executable 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>
|
||||
51
app/usmobile/view/include/newbanner.phtml
Executable file
51
app/usmobile/view/include/newbanner.phtml
Executable file
@@ -0,0 +1,51 @@
|
||||
<!-- 轮播 s -->
|
||||
<script type="text/javascript" src="__PUBLIC__/web/scripts/jquery.nicescroll.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/web/scripts/bxslider/jquery.bxslider-list.css">
|
||||
<script type="text/javascript" src="__PUBLIC__/web/scripts/bxslider/jquery.bxslider.min.js"></script>
|
||||
|
||||
<?php
|
||||
|
||||
$banners = array(
|
||||
'0' => array(
|
||||
'alt'=> 'New HUB',
|
||||
'url'=>'https://www.orico.cc/usmobile/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',
|
||||
),*/
|
||||
);
|
||||
if ($banners):
|
||||
?>
|
||||
<div class="homeban img-responsive 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">
|
||||
<?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 -->
|
||||
<!-- 轮播 e -->
|
||||
38
app/usmobile/view/include/partner.phtml
Executable file
38
app/usmobile/view/include/partner.phtml
Executable file
@@ -0,0 +1,38 @@
|
||||
<div class="m_Container partner">
|
||||
<div class="title text_center text_black"><strong>Cooperations</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>
|
||||
127
app/usmobile/view/include/top-collection.phtml
Executable file
127
app/usmobile/view/include/top-collection.phtml
Executable file
@@ -0,0 +1,127 @@
|
||||
<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 cursor_p Batch text_white text_28">Batch</div>
|
||||
</div>
|
||||
<div class="menu" style="display: none;">
|
||||
<a href="__ORICOROOT__">
|
||||
<dl>
|
||||
<dt><a href="__ORICOROOT__">HOME</a></dt>
|
||||
</dl>
|
||||
</a>
|
||||
<dl>
|
||||
<dt class="cursor_p">Product & Service<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; ">Featured Products</a></dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt class="cursor_p">Value & Mission<i class="rotate icon-arrow"></i></dt>
|
||||
<dd><a href="__ORICOROOT__/Group/weare">We Are</a></dd>
|
||||
<dd><a href="__ORICOROOT__/Group/wewill">We Will</a></dd>
|
||||
<dd><a href="__ORICOROOT__/Group/culture">Culture & Values</a></dd>
|
||||
<dd><a href="__ORICOROOT__/Group/vision">Mission & Vision</a></dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt class="cursor_p">History & Innovation<i class="rotate icon-arrow"></i></dt>
|
||||
<dd><a href="__ORICOROOT__/article/lists">Brand News</a></dd>
|
||||
<dd><a href="__ORICOROOT__/Group/brand">Brand Course</a></dd>
|
||||
<dd><a href="__ORICOROOT__/Group/honor">Honors & Certificates</a></dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt><a href="__ORICOROOT__/Group/job">Join Us</a></dt>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt><a href="__ORICOROOT__/Group/contact">Contact Us</a></dt>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt><a href="__ORICOROOT__/customer/personal">My Center</a></dt>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt><a href="__ORICOROOT__/antifake/anti_fake">SSD Series Anti-Fake Query</a></dt>
|
||||
</dl>
|
||||
|
||||
<div class="search">
|
||||
<a href="__ORICOROOT__/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="Search" value="" type="text">
|
||||
</div> </a>
|
||||
|
||||
</div>
|
||||
<div class="m-Country" style="display: none;">
|
||||
<ul>
|
||||
<li><a href="/us">USA</a></li>
|
||||
<li><a href="">Indonesia</a></li>
|
||||
<li><a href="">Thailand</a></li>
|
||||
<li><a href="">VietNam</a></li>
|
||||
</ul>
|
||||
|
||||
</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);
|
||||
})
|
||||
|
||||
})
|
||||
/*字体大小变化*/
|
||||
/* 长宽占位 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(){
|
||||
$("dl dt").click(function(){
|
||||
$(this).nextAll().slideToggle(500);
|
||||
$(this).children("i").toggleClass("rotate");
|
||||
})
|
||||
|
||||
})
|
||||
|
||||
</script>
|
||||
200
app/usmobile/view/include/top.phtml
Executable file
200
app/usmobile/view/include/top.phtml
Executable file
@@ -0,0 +1,200 @@
|
||||
<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="icon-category cursor_p"> <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__">HOME</a></dt>
|
||||
</dl>
|
||||
</a>
|
||||
<dl>
|
||||
<dt class="cursor_p">Products <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; ?>
|
||||
|
||||
</dl>
|
||||
<?php if ($nav_header): ?>
|
||||
<?php
|
||||
foreach ($nav_header as $kn => $nav):
|
||||
if(strpos($nav['url'], 'http://') !== false || strpos($nav['url'], 'https://') !== false) {
|
||||
$links = $nav['url'];
|
||||
}
|
||||
else{
|
||||
if($nav['url']){
|
||||
$links = '__ORICOROOT__/'.$nav['url'];
|
||||
}
|
||||
else{
|
||||
$links = '#';
|
||||
}
|
||||
}
|
||||
if($kn<7):
|
||||
?>
|
||||
<dl>
|
||||
<dt class="cursor_p">
|
||||
<a href="<?php echo $links; ?>" 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) {
|
||||
$link = $child['url'];
|
||||
}
|
||||
else{
|
||||
$link = '__ORICOROOT__/'.$child['url'];
|
||||
}
|
||||
?>
|
||||
<dd><a href="<?php echo $link; ?>" title="<?php echo $child['name']; ?>"><?php echo $child['name']; ?></a></dd>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
</dl>
|
||||
<?php endif; ?>
|
||||
<?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="Product USB 2.0..." >
|
||||
<button id="search-btnput" class="search-button">Search</button>
|
||||
<div class="title-text">
|
||||
<p><a href="#">Search History</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(){
|
||||
$(".icon-category").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();
|
||||
});
|
||||
|
||||
$(".search-in input").keyup(function(event) {
|
||||
if (event && event.keyCode === 13) {
|
||||
$("#search-btnput").trigger("click");
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
//$("#search-btnput").click(function() {
|
||||
$("#search-btnput").bind("click", function(event) {
|
||||
|
||||
var skeyword = $(".search-in input").val();
|
||||
if(skeyword){
|
||||
var href = "__ORICOROOT__/search/index?skeyword=" + encodeURIComponent(skeyword);
|
||||
location.href = href;
|
||||
}
|
||||
else{
|
||||
var href = "__ORICOROOT__/search/index";
|
||||
location.href = href;
|
||||
}
|
||||
|
||||
});
|
||||
});
|
||||
</script>
|
||||
123
app/usmobile/view/include/top20191105.phtml
Executable file
123
app/usmobile/view/include/top20191105.phtml
Executable file
@@ -0,0 +1,123 @@
|
||||
<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/US.png"></div>
|
||||
</div>
|
||||
<div class="menu" style="display: none;">
|
||||
<a href="__ORICOROOT__">
|
||||
<dl>
|
||||
<dt><a href="__ORICOROOT__">HOME</a></dt>
|
||||
</dl>
|
||||
</a>
|
||||
<dl>
|
||||
<dt class="cursor_p">Product & Service<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; ">Featured Products</a></dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt class="cursor_p">Value & Mission<i class="rotate icon-arrow"></i></dt>
|
||||
<dd><a href="__ORICOROOT__/Group/weare">We Are</a></dd>
|
||||
<dd><a href="__ORICOROOT__/Group/wewill">We Will</a></dd>
|
||||
<dd><a href="__ORICOROOT__/Group/culture">Culture & Values</a></dd>
|
||||
<dd><a href="__ORICOROOT__/Group/vision">Mission & Vision</a></dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt class="cursor_p">History & Innovation<i class="rotate icon-arrow"></i></dt>
|
||||
<dd><a href="__ORICOROOT__/article/lists">Brand News</a></dd>
|
||||
<dd><a href="__ORICOROOT__/Group/brand">Brand Course</a></dd>
|
||||
<dd><a href="__ORICOROOT__/Group/honor">Honors & Certificates</a></dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt><a href="__ORICOROOT__/Group/job">Join Us</a></dt>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt><a href="__ORICOROOT__/Group/contact">Contact Us</a></dt>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt><a href="__ORICOROOT__/antifake/anti_fake">SSD Series Anti-Fake Query</a></dt>
|
||||
</dl>
|
||||
|
||||
<div class="search">
|
||||
<a href="__ORICOROOT__/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="Search" value="" type="text">
|
||||
</div> </a>
|
||||
<div class="SingIn-button text-c"><a href="__ORICOROOT__/customer/register">Registry</a><a href="__ORICOROOT__/customer/login">Login</a></div> </div>
|
||||
|
||||
</div>
|
||||
<div class="m-Country" style="display: none;">
|
||||
<ul>
|
||||
<li><a href="/us">USA</a></li>
|
||||
<li><a href="">Indonesia</a></li>
|
||||
<li><a href="">Thailand</a></li>
|
||||
<li><a href="">VietNam</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);
|
||||
})
|
||||
|
||||
})
|
||||
/*字体大小变化*/
|
||||
/* 长宽占位 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(){
|
||||
$("dl dt").click(function(){
|
||||
$(this).nextAll().slideToggle(500);
|
||||
$(this).children("i").toggleClass("rotate");
|
||||
})
|
||||
|
||||
})
|
||||
|
||||
</script>
|
||||
196
app/usmobile/view/include/top_back.phtml
Executable file
196
app/usmobile/view/include/top_back.phtml
Executable file
@@ -0,0 +1,196 @@
|
||||
<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="icon-category cursor_p"> <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__">HOME</a></dt>
|
||||
</dl>
|
||||
</a>
|
||||
<dl>
|
||||
<dt class="cursor_p">Products <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; ?>
|
||||
|
||||
</dl>
|
||||
<?php if ($nav_header): ?>
|
||||
<?php
|
||||
foreach ($nav_header as $kn => $nav):
|
||||
if(strpos($nav['url'], 'http://') !== false || strpos($nav['url'], 'https://') !== false) {
|
||||
$links = $nav['url'];
|
||||
}
|
||||
else{
|
||||
if($nav['url']){
|
||||
$links = '__ORICOROOT__/'.$nav['url'];
|
||||
}
|
||||
else{
|
||||
$links = '#';
|
||||
}
|
||||
}
|
||||
|
||||
if($kn<7):
|
||||
?>
|
||||
<dl>
|
||||
<dt class="cursor_p">
|
||||
<a href="<?php echo $links; ?>" <?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) {
|
||||
$link = $child['url'];
|
||||
}
|
||||
else{
|
||||
$link = '__ORICOROOT__/'.$child['url'];
|
||||
}
|
||||
?>
|
||||
<dd><a href="<?php echo $link; ?>" <?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 endif; ?>
|
||||
<?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="Product USB 2.0..." >
|
||||
<button id="search-btnput" class="search-button">Search</button>
|
||||
<div class="title-text">
|
||||
<p><a href="#">Search History</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(){
|
||||
$(".icon-category").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();
|
||||
});
|
||||
|
||||
|
||||
$(".search-in input").keyup(function(event) {
|
||||
if (event && event.keyCode === 13) {
|
||||
$("#search-btnput").trigger("click");
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
//$("#search-btnput").click(function() {
|
||||
$("#search-btnput").bind("click", function(event) {
|
||||
|
||||
var skeyword = $(".search-in input").val();
|
||||
if(skeyword){
|
||||
var href = "__ORICOROOT__/search/index?skeyword=" + encodeURIComponent(skeyword);
|
||||
location.href = href;
|
||||
}
|
||||
else{
|
||||
var href = "__ORICOROOT__/search/index";
|
||||
location.href = href;
|
||||
}
|
||||
|
||||
});
|
||||
});
|
||||
</script>
|
||||
Reference in New Issue
Block a user