230 lines
7.1 KiB
PHTML
Executable File
230 lines
7.1 KiB
PHTML
Executable File
<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>
|