Files
orico-official-website-old/app/index/view/include/top-header-mobile.phtml
2024-10-29 14:04:59 +08:00

92 lines
3.7 KiB
PHTML
Executable File

<header class="header-M">
<div class="header-fixed">
<div class="logo img-responsive"><a href="__ORICOROOT__"><img src="/uploads/default/logo-black.png"></a></div>
<div class="Menu icon-menu"></div>
<div class="Country"><img src="__PUBLIC__/web/images/countries/CN.png"></div>
</div>
<div class="m-Menu" style="display: none;">
<ul>
<li><a href="__ORICOROOT__">首页</a></li>
<li><a href="__ORICOROOT__<?php echo url_rewrite('product'); ?>">产品与服务</a><div class="icon-arrow font-18 arrow"><span></span></div>
<div class="S-Menu" style="display: none">
<ul>
<?php foreach ($productCategory as $k => $pc): ?>
<li><a href="__ORICOROOT__<?php echo url_rewrite('product', ['id' => $pc['id']]); ?>"><?php echo $pc['name']; ?></a></li>
<?php endforeach; ?>
<li><a href="__ORICOROOT__/index/Group/special">特色产品专题</a></li>
</ul>
</div>
</li>
<li><a href="">价值与使命</a><div class="icon-arrow font-18 arrow"><span></span></div>
<div class="S-Menu" style="display: none">
<ul>
<a href="__ORICOROOT__/index/Group/weare">我们是</a>
<a href="__ORICOROOT__/index/Group/wewill">我们会</a>
<a href="__ORICOROOT__/index/Group/culture">文化与价值观</a>
<a href="__ORICOROOT__/index/Group/vision">愿景与使命</a>
</ul>
</div>
</li>
<li><a href="">历史与创新</a><div class="icon-arrow font-18 arrow"><span></span></div>
<div class="S-Menu" style="display: none">
<ul>
<li><a href="">最新动态</a></li>
<li><a href="__ORICOROOT__/index/Group/brand">品牌发展</a></li>
<li><a href="__ORICOROOT__/index/Group/honor">荣誉与证书</a></li>
</ul>
</div>
</li>
<li><a href="__ORICOROOT__/index/Group/job">加入我们</a></li>
<li><a href="__ORICOROOT__/index/Group/Contact">联系我们</a></li>
</ul>
<div class="SingIn-button text-c"><a href="/register.html">注册</a><a href="/login.html">登录</a></div>
<a href="__ORICOROOT__/index/Group/search"><div class="search">
<button class="updown_search_btn" type="sumbit" id="bnt_email"><span class="icon-search"></span></button>
<input class="form-control" name="keywords" placeholder="全站搜索" value="" type="text">
</div> </a>
</div>
<div class="m-Country" style="display: none;">
<?php if(!empty($country_list)): ?>
<ul>
<?php foreach($country_list as $key => $value): ?>
<?php if ($value['code'] != 'ZH'): ?>
<li><a href="<?php echo $value['url']; ?>"><p class="countries <?php echo $value['code']; ?>"></p><p><?php echo $value['country_name']; ?></p></a></li>
<?php endif; ?>
<?php endforeach; ?>
</ul>
<?php endif; ?>
</div>
</header>
<script>
/*菜单栏*/
$( function () {
$( ".Menu" ).click( function () {
$( this ).toggleClass( "icon-close" );
$( ".Country" ).children().show();
$( ".m-Menu" ).slideToggle( 500 );
$( ".Country" ).removeClass( "icon-close" );
$( ".m-Country" ).hide();
$( ".m-Menu ul" ).animate( {
fontSize: "1em"
} );
} );
} )
/*国家栏*/
$( function () {
$( ".Country" ).click( function () {
$( this ).children().toggle();
$( this ).toggleClass( "icon-close" );
$( ".Menu" ).removeClass( "icon-close" );
$( ".m-Country" ).slideToggle( 500 );
$( ".m-Menu" ).hide();
} );
} )
/*箭头下拉*/
$( function () {
$( ".m-Menu .arrow" ).click( function () {
$( this ).parent().find( ".S-Menu" ).slideToggle( 500 );
$( this ).toggleClass( "arrow-r" )
} );
} )
</script>