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

feat: mobile首页

Browse Source
This commit is contained in:
jsasg
2025-05-24 14:19:23 +08:00
parent cc3b4bb140
commit 1af3b8bbd2
17 changed files with 356 additions and 370 deletions
Download Patch File Download Diff File Expand all files Collapse all files

88
app/index/view/mobile/public/footer.html
View File

@@ -1,62 +1,70 @@
<footer class="oircoEgapp-foot">
<div class="footer">
<div class="logo-white"><img src="img/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="img/arriow-r.png" ></div-->
<div class="logo-white"><img src="__IMAGES__/logo-white.png"></div>
<div class="foot-cate">
<ul class="clearfix">
{notempty name="header_categorys"}
<li>
<h3>产品</h3>
<p><a>数据存储</a></p>
<p><a>智慧存储</a></p>
<p><a>智能家居</a></p>
<p><a>3C配件</a></p>
<h3>{:lang('产品')}</h3>
{volist name="header_categorys" id="hc"}
<p><a href="{:url('product/category', ['id' => $hc.id])}">{$hc.name}</a></p>
{/volist}
</li>
{/notempty}
{notempty name="footer_navigation"}
{volist name="footer_navigation" id="fn"}
<li>
<h3>关于我们</h3>
<h3>{$fn.name}</h3>
{notempty name="fn.children"}
{volist name="fn.children" id="fnc"}
<p>
<a target="_blank" class="inline-block link-faded break-all">关于我们</a>
</p>
<p>
<a target="_blank" class="inline-block link-faded break-all">联系我们</a>
</p>
<p>
<a target="_blank" class="inline-block link-faded break-all">问答中心</a>
<a href="{$fnc.link}" target="_blank" class="inline-block link-faded break-all">{$fnc.name}</a>
</p>
{/volist}
{/notempty}
</li>
{/volist}
{/notempty}
<li>
<h3>服务与支持</h3>
<p>
<a class="inline-block link-faded break-all">技术支持</a>
</p>
<p>
<a class="inline-block link-faded break-all">售后政策</a>
</p>
<p>
<a class="inline-block link-faded break-all">ORICO粉丝群</a>
</p>
</li>
<li>
<h3>联系方式</h3>
<p>邮箱： supports@orico.com.cn</p>
<p>周一至周五:北京时间 9:00- 18:00 </p>
<h3>{:lang('联系方式')}</h3>
{notempty name="contact_config.website_email"}
<p>{$contact_config.website_email.title}： {$contact_config.website_email.value}</p>
{/notempty}
{notempty name="contact_config.website_hotline_office_hours"}
<p>{$contact_config.website_hotline_office_hours.title}： {$contact_config.website_hotline_office_hours.value}</p>
{/notempty}
</li>
</ul>
</div>
<div class="foot-wei">
<div class="m_footer text_white m-in-top clearfix">
{notempty name="media_config"}
<div class="left">
<a target="_blank"><img src="img/icon-4-04.png"></a>
<a target="_blank"><img src="img/icon-4-03.png"></a>
<a target="_blank"><img src="img/icon-4-01.png"></a>
</div>
<div class="right mask-up img-responsive foot-con">
<img class="right-country" src="img/china-img.png">
<span>中国</span>
<img src="img/downicon.png">
{volist name="media_config" id="mc"}
<a href="{$mc.url.value}" target="_blank"><img src="{$mc.image.value}"></a>
{/volist}
</div>
{/notempty}
{notempty name="header_languages"}
{volist name="header_languages" id="hl"}
{if condition="$hl.lang_code == cookie('think_lang')"}
<div class="right mask-up img-responsive foot-con">
<img class="right-country" src="{$hl.lang_icon}">
<span>{$hl.lang_en_name}</span>
<img src="__IMAGES__/downicon.png">
</div>
{/if}
{/volist}
{/notempty}
</div>
</div>
<div class="copy-text">2015 ORICO Technologies Co.,Ltd 版权所有（粤ICP备15025109号）</div>
{notempty name="basic_config.website_powerby.value"}
<div class="copy-text">
{$basic_config.website_powerby.value}
{notempty name="$basic_config.website_icp"}
<a href="https://beian.miit.gov.cn/" style="color:white;">（{$basic_config.website_icp.value}）</a>
{/notempty}
</div>
{/notempty}
</div>
</footer>

106
app/index/view/mobile/public/header.html
View File

@@ -12,72 +12,45 @@
<!-- 顶部菜单-->
<div class="top-menu">
<div class="it-ct">
<div class="it-1"><a href="http://www.orico.cc/usmobile">首页</a></div>
<div class="it-1"><a href="/">{:lang('首页')}</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 class="it-1-more">{:lang('产品列表')}<i class="icon-arrow"></i></div>
{notempty name="header_categorys"}
{volist name="header_categorys" id="ca"}
<div class="it-1-2"><a href="{:url('product/category', ['id' => $ca.id])}">{$ca.name}</a></div>
{/volist}
{/notempty}
</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>
{notempty name="header_navigation"}
{volist name="header_navigation" id="nav"}
<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>
{empty name="nav.children"}
<a href="{$nav.link}">{$nav.name}</a>
{else/}
<div class="it-1-more">{$nav.name}<i class="icon-arrow"></i></div>
{volist name="nav.children" id="ch"}
<div class="it-1-2"><a href="{$ch.link}">{$ch.name}</a></div>
{/volist}
{/empty}
</div>
</div>
{/volist}
{/notempty}
</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="ac-close float_r "><img src="__IMAGES__/close.png"></div>
<div class="search-in">
<input type="text" placeholder="产品 USB 2.0...">
<button id="search-btnput" class="search-button">搜索</button>
<input type="text" placeholder="{:lang('产品')} USB 2.0...">
<button id="search-btnput" class="search-button">{:lang('搜索')}</button>
<div class="title-text">
<p><a href="#">搜索历史</a></p>
<p><a href="#">{:lang('搜索历史')}</a></p>
</div>
</div>
</div>
@@ -88,36 +61,19 @@
<div class="mask"></div>
<div class="action-sheet">
<div class="menu-title">
<div class="menu-name">SELECT A REGION</div>
<div class="menu-name">{:lang('请择地区')}</div>
<div class="close-icon">
<img src="img/close.png">
<img src="__IMAGES__/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>
{volist name="header_languages" id="la"}
<li>
<a href="{$la.lang_url}" target="_blank">
<img src="{$la.lang_icon}">{$la.country_en_name} - {$la.lang_en_name}
</a>
</li>
{/volist}
</ul>
</div>
</div>