Files
orico-official-website/app/index/view/mobile/public/header.html
2025-05-23 10:37:08 +08:00

153 lines
6.7 KiB
HTML

<header class="oircoEgapp-head">
<div class="headtop">
<a><img src="img/logo.png" class="headerlogimg" /></a>
<div class="action-r">
<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"><i class="icon-search-svg"></i></span>
<span class="mask-up cursor_p "><i class="icon-lag-svg"></i></span>
</div>
</div>
</div>
<!-- 顶部菜单-->
<div class="top-menu">
<div class="it-ct">
<div class="it-1"><a href="http://www.orico.cc/usmobile">首页</a></div>
</div>
<div class="it-ct">
<div class="it-1">
<div class="it-1-more">产品列表<i class="icon-arrow"></i></div>
<div class="it-1-2"><a>数据存储</a></div>
<div class="it-1-2"><a>智慧存储</a></div>
<div class="it-1-2"><a>智能家居</a></div>
<div class="it-1-2"><a>3C配件</a></div>
<div class="it-1-2"><a>特色产品</a></div>
</div>
</div>
<div class="it-ct">
<div class="it-1"><a href="http://www.orico.cc/usmobile">新品上市</a></div>
</div>
<div class="it-ct">
<div class="it-1"><a href="http://www.orico.cc/usmobile">SSD</a></div>
</div>
<div class="it-ct">
<div class="it-1"><a href="http://www.orico.cc/usmobile">PSSD</a></div>
</div>
<div class="it-ct">
<div class="it-1">
<div class="it-1-more">NAS<i class="icon-arrow"></i></div>
<div class="it-1-2"><a>解决方案</a></div>
<div class="it-1-2"><a>产品体验</a></div>
<div class="it-1-2"><a>客户合作</a></div>
<div class="it-1-2"><a>软件下载</a></div>
<div class="it-1-2"><a>帮助中心</a></div>
</div>
</div>
<div class="it-ct">
<div class="it-1">
<div class="it-1-more">加盟合作<i class="icon-arrow"></i></div>
<div class="it-1-2"><a>ODM 定制服务</a></div>
<div class="it-1-2"><a>批量购买</a></div>
<div class="it-1-2"><a>成为经销商</a></div>
</div>
</div>
<div class="it-ct">
<div class="it-1">
<div class="it-1-more">技术支持<i class="icon-arrow"></i></div>
<div class="it-1-2"><a>产品指南</a></div>
<div class="it-1-2"><a>联系我们</a></div>
<div class="it-1-2"><a>防伪查询</a></div>
</div>
</div>
<div class="it-ct">
<div class="it-1">
<div class="it-1-more">关于我们<i class="icon-arrow"></i></div>
<div class="it-1-2"><a>品牌故事</a></div>
<div class="it-1-2"><a>品牌里程</a></div>
<div class="it-1-2"><a>品牌动态</a></div>
</div>
</div>
</div>
<!-- 顶部搜索-->
<div class="top-search">
<div class="marsk-container">
<div class="popup-quick">
<div class="ac-close float_r "><img src="img/close.png"></div>
<div class="search-in">
<input type="text" placeholder="产品 USB 2.0...">
<button id="search-btnput" class="search-button">搜索</button>
<div class="title-text">
<p><a href="#">搜索历史</a></p>
</div>
</div>
</div>
</div>
</div>
<!-- 顶部国家选择-->
<div class="top-country">
<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="img/close.png">
</div>
</div>
<ul>
<li><a href="https://www.orico.com.cn/" target="_blank"> <img src="img/china-img.png">China-
中文简体</a></li>
<li><a href="https://www.orico.cc/us" target="_blank"><img src="img/US.png">USA - English</a>
</li>
<li><a href="https://www.oricobr.com" target="_blank"><img src="img/BR.png">Brazil -
portugues</a></li>
<li><a href="https://www.ORICOPERU.com" target="_blank"><img src="img/PE.png">Peru - espafol</a>
</li>
<li><a href="https://www.orico.cc/th" target="_blank"><img src="img/TH.png">Thailand - ไทย</a>
</li>
<li><a href="https://www.orico.cc/id" target="_blank"><img src="img/ID.png">Indonesia - bahasa
Indonesia</a></li>
<li><a href="https://www.orico.cc/vn" target="_blank"><img src="img/VN.png">Vietnam - Tiếng
Việt</a></li>
<li><a href="https://www.orico.shop/" target="_blank"><img src="img/NL.png">Netherlands -
English</a></li>
<li><a href="http://www.oricoturkiye.com/" target="_blank"><img src="img/TR.png">Turkiye -
Türkçe</a></li>
<li><a href="https://www.oricoiran.com" target="_blank"><img src="img/IR.png">Iran - فارسی</a>
</li>
<li><a href="https://www.orico.com.au" target="_blank"><img src="img/AU.png">Australia -
English</a></li>
<li><a href="https://orico-russia.ru" target="_blank"><img src="img/RU.png">Russia - Россия</a>
</li>
</ul>
</div>
</div>
</header>
<script type="text/javascript">
$(function() {
// 点击顶部菜单
$(".icon-menu-svg").click(function() {
$(".top-menu").slideToggle(800);
})
// 点击一级菜单显示二级菜单
$(".it-1-more").on("click", function() {
$('.it-1-2').hide();
$('.icon-arrow').removeClass('rotate');
$(this).siblings('.it-1-2').slideToggle(800);
$(this).find('.icon-arrow').addClass('rotate');
});
//点击搜索
$('.icon-search-svg').click(function() {
$(".marsk-container").show();
})
$('.ac-close').click(function() {
$(".marsk-container").hide();
})
// 顶部国家选择
$('.icon-lag-svg').click(function(){
$(".mask,.action-sheet").show();
})
$('.top-country .close-icon').click(function(){
$(".mask,.action-sheet").hide();
})
})
</script>