feat: mobile首页
This commit is contained in:
30
app/index/config/lang.php
Normal file
30
app/index/config/lang.php
Normal file
@@ -0,0 +1,30 @@
|
||||
<?php
|
||||
// +----------------------------------------------------------------------
|
||||
// | 多语言设置
|
||||
// +----------------------------------------------------------------------
|
||||
|
||||
return [
|
||||
// 默认语言
|
||||
'default_lang' => env('DEFAULT_LANG', 'zh-cn'),
|
||||
// 允许的语言列表
|
||||
'allow_lang_list' => ['zh-cn', 'en-us'],
|
||||
// 多语言自动侦测变量名
|
||||
'detect_var' => 'lang',
|
||||
// 是否使用Cookie记录
|
||||
'use_cookie' => true,
|
||||
// 多语言cookie变量
|
||||
'cookie_var' => 'think_lang',
|
||||
// 多语言header变量
|
||||
'header_var' => 'think-lang',
|
||||
// 扩展语言包
|
||||
'extend_list' => [
|
||||
'en-us' => app()->getAppPath() . '/lang/en-us/' . (request()->isMobile() ? 'mobile' : 'pc') . '.php',
|
||||
'zh-cn' => app()->getAppPath() . '/lang/zh-cn/' . (request()->isMobile() ? 'mobile' : 'pc') . '.php',
|
||||
],
|
||||
// Accept-Language转义为对应语言包名称
|
||||
'accept_language' => [
|
||||
'zh-hans-cn' => 'zh-cn',
|
||||
],
|
||||
// 是否支持语言分组
|
||||
'allow_group' => true,
|
||||
];
|
||||
19
app/index/lang/en-us/mobile.php
Normal file
19
app/index/lang/en-us/mobile.php
Normal file
@@ -0,0 +1,19 @@
|
||||
<?php
|
||||
|
||||
return [
|
||||
'搜索' => 'Search',
|
||||
'搜索历史' => 'Search History',
|
||||
'请择地区' => 'SELECT A REGION',
|
||||
'首页' => 'Home',
|
||||
'产品列表' => 'Products',
|
||||
'产品' => 'Product',
|
||||
'联系方式' => 'Contact',
|
||||
'查看所有' => 'View All',
|
||||
'明星产品/热点产品' => 'Featured Products',
|
||||
'了解更多' => 'Learn More',
|
||||
'Orico 技术' => 'ORICO Technology',
|
||||
'强大功能、简单使用' => 'designed to be just as easy to learn as iPhone. chatting with friends.',
|
||||
'常见问题' => 'FAQ',
|
||||
'回答您最关心的问题' => 'What are you most concerned about',
|
||||
'客服团队的工作时间：周一到周五，早9点到晚6点 平均应答时间：24小时内' => 'Our customer support is available Monday to Friday: 9am-6:00pm. Average answer time: 24h',
|
||||
];
|
||||
@@ -2,5 +2,5 @@
|
||||
// 这是系统自动生成的middleware定义文件
|
||||
return [
|
||||
// 启用多语言支持
|
||||
'think\middleware\LoadLangPack',
|
||||
think\middleware\LoadLangPack::class,
|
||||
];
|
||||
|
||||
@@ -1,200 +1,128 @@
|
||||
{extend name="public/base"/}
|
||||
{block name="style"}
|
||||
<link rel="stylesheet" type="text/css" href="__CSS__/index.css" />
|
||||
{/block}
|
||||
{block name="main"}
|
||||
<div class="oricoEGapp">
|
||||
<!--首页 -->
|
||||
<div class="oricoEGapp-index">
|
||||
<!-- banner-->
|
||||
<div class="oidx-banner">
|
||||
{notempty name="focus_images"}
|
||||
<div class="swiper-container bannerswiper">
|
||||
<div class="swiper-wrapper">
|
||||
{volist name="focus_images" id="fi"}
|
||||
<div class="swiper-slide">
|
||||
<img src="indeximg/banne1.png" alt="图片1">
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="indeximg/banne2.png" alt="图片1">
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="indeximg/banne3.png" alt="图片1">
|
||||
<a href="{$fi.link}"><img src="{$fi.image}" alt="{$fi.title}"></a>
|
||||
</div>
|
||||
{/volist}
|
||||
</div>
|
||||
<!-- 如果需要分页器 -->
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
{/notempty}
|
||||
</div>
|
||||
<!-- 四大分类-->
|
||||
<!-- 四大分类 -->
|
||||
{notempty name="product_categorys"}
|
||||
<div class="oidx-cate">
|
||||
{volist name="product_categorys" id="pct"}
|
||||
<div class="cateit">
|
||||
<img src="indeximg/sjcc.png" />
|
||||
<span>数据存储</span>
|
||||
<a href="{$pct.link}">
|
||||
<img src="{$pct.image}" />
|
||||
<span {:style(['color'=>$pct['title_txt_color']])}>{$pct.title}</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cateit">
|
||||
<img src="indeximg/zhcc.png" />
|
||||
<span>智慧存储</span>
|
||||
{/volist}
|
||||
</div>
|
||||
<div class="cateit">
|
||||
<img src="indeximg/znjj.png" />
|
||||
<span>智能家具</span>
|
||||
</div>
|
||||
<div class="cateit">
|
||||
<img src="indeximg/3cpz.png" />
|
||||
<span>3C配件</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 广告-->
|
||||
{/notempty}
|
||||
<!-- 特色专题及公司实力 -->
|
||||
{notempty name="featured_topics"}
|
||||
<div class="oidx-gg">
|
||||
{volist name="featured_topics" id="ft"}
|
||||
<div class="index-img">
|
||||
<img src="indeximg/yi-1.jpg">
|
||||
<img src="{$ft.image}">
|
||||
<div class="Innew-text wow animated bounceInLeft animated">
|
||||
<p class="title">固态存储</p>
|
||||
<p class="title">{$ft.title}</p>
|
||||
<div class="more">
|
||||
<a href="https://www.orico.cc/usmobile/product/subcatelists/id/167" target="_blank">
|
||||
查看所有 <i class="icon-right-svg"></i>
|
||||
<a href="{$ft.link}" target="_blank">
|
||||
{:lang('查看所有')} <i class="icon-right-svg"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="index-img">
|
||||
<img src="indeximg/yi-1.jpg">
|
||||
<div class="Innew-text wow animated bounceInLeft animated">
|
||||
<p class="title">固态存储</p>
|
||||
<div class="more">
|
||||
<a href="https://www.orico.cc/usmobile/product/subcatelists/id/167" target="_blank">
|
||||
查看所有 <i class="icon-right-svg"></i>
|
||||
</a>
|
||||
{/volist}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 明星产品/热点产品-->
|
||||
{/notempty}
|
||||
<!-- 明星产品/热点产品 -->
|
||||
{notempty name="featured_products"}
|
||||
<div class="oidx-FP">
|
||||
<div class="Inpro-text">
|
||||
<p class="title"> 明星产品/热点产品</p>
|
||||
<p class="title">{:lang('明星产品/热点产品')}</p>
|
||||
</div>
|
||||
<div class="m_Container">
|
||||
<div class="swiper-container FPswiper">
|
||||
<div class="swiper-wrapper text_center">
|
||||
{volist name="featured_products" id="fp"}
|
||||
<div class="swiper-slide inproimg ">
|
||||
<a><img src="indeximg/pt.jpg" alt="" /></a>
|
||||
<a href="{:url('product/detail',['id'=>$fp.id])}"><img src="{$fp.cover_image}" alt="" /></a>
|
||||
<div class="inprotext">
|
||||
<p class="text_center title">M.2 2230 磁吸硬盘盒</p>
|
||||
<p class="text_center title">{$fp.name}</p>
|
||||
<p class="t-f16"></p>
|
||||
<p class="timeblue">
|
||||
<a href="http://www.orico.cc/usmobile/product/detail/id/8375"> 了解更多 <img
|
||||
src="indeximg/more-r.png">
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide inproimg ">
|
||||
<a><img src="indeximg/pt.jpg" alt="" /></a>
|
||||
<div class="inprotext">
|
||||
<p class="text_center title">M.2 2230 磁吸硬盘盒</p>
|
||||
<p class="t-f16"></p>
|
||||
<p class="timeblue">
|
||||
<a href="http://www.orico.cc/usmobile/product/detail/id/8375"> 了解更多 <img
|
||||
src="indeximg/more-r.png">
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide inproimg ">
|
||||
<a><img src="indeximg/pt.jpg" alt="" /></a>
|
||||
<div class="inprotext">
|
||||
<p class="text_center title">M.2 2230 磁吸硬盘盒</p>
|
||||
<p class="t-f16"></p>
|
||||
<p class="timeblue">
|
||||
<a href="http://www.orico.cc/usmobile/product/detail/id/8375"> 了解更多 <img
|
||||
src="indeximg/more-r.png">
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide inproimg ">
|
||||
<a><img src="indeximg/pt.jpg" alt="" /></a>
|
||||
<div class="inprotext">
|
||||
<p class="text_center title">M.2 2230 磁吸硬盘盒</p>
|
||||
<p class="t-f16"></p>
|
||||
<p class="timeblue">
|
||||
<a href="http://www.orico.cc/usmobile/product/detail/id/8375"> 了解更多 <img
|
||||
src="indeximg/more-r.png">
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide inproimg ">
|
||||
<a><img src="indeximg/pt.jpg" alt="" /></a>
|
||||
<div class="inprotext">
|
||||
<p class="text_center title">M.2 2230 磁吸硬盘盒</p>
|
||||
<p class="t-f16"></p>
|
||||
<p class="timeblue">
|
||||
<a href="http://www.orico.cc/usmobile/product/detail/id/8375"> 了解更多 <img
|
||||
src="indeximg/more-r.png">
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide inproimg ">
|
||||
<a><img src="indeximg/pt.jpg" alt="" /></a>
|
||||
<div class="inprotext">
|
||||
<p class="text_center title">M.2 2230 磁吸硬盘盒</p>
|
||||
<p class="t-f16"></p>
|
||||
<p class="timeblue">
|
||||
<a href="http://www.orico.cc/usmobile/product/detail/id/8375"> 了解更多 <img
|
||||
src="indeximg/more-r.png">
|
||||
<a href="{:url('product/detail',['id'=>$fp.id])}">
|
||||
{:lang('了解更多')} <img src="__IMAGES__/more-r.png">
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{/volist}
|
||||
</div>
|
||||
<!-- 如果需要分页器 -->
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--专题图片展示-->
|
||||
{/notempty}
|
||||
<!-- 专题图片展示 -->
|
||||
<div class="oidx-ztpictureshow">
|
||||
<!--视频-->
|
||||
<!-- 视频 -->
|
||||
{notempty name="video"}
|
||||
<div class="vedio_in">
|
||||
<img src="indeximg/mobile-video.jpg">
|
||||
<img src="{$video.image}" />
|
||||
<iframe class="margin-top-20" width="100%" style="z-index:9999;"
|
||||
src="https://www.youtube.com/embed/MgTbmc1amfQ" title="YouTube video player" frameborder="0"
|
||||
src="{$video.video}" title="YouTube video player" frameborder="0"
|
||||
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
||||
allowfullscreen="" id="videoElement"></iframe>
|
||||
</div>
|
||||
{/notempty}
|
||||
{notempty name="scenes"}
|
||||
{volist name="scenes" id="sc"}
|
||||
<div class="indocking">
|
||||
<a><img src="indeximg/Office-2.jpg"></a>
|
||||
<a href="{$sc.link}"><img src="{$sc.image}" /></a>
|
||||
<div class="position_a text_center wow animated bounceInLeft">
|
||||
<p class="f_weight_500 timetitle">5合1便携插座 </p>
|
||||
<p class=" margin-top-14 f_weight_100 timedesin">小巧玲珑，匠心独蕴。</p>
|
||||
<p class="f_weight_500 timetitle" {:style(['color'=>$sc['title_txt_color']])}>{$sc.title}</p>
|
||||
<p class=" margin-top-14 f_weight_100 timedesin" {:style(['color'=>$sc['desc_txt_color']])}>{$sc.desc}</p>
|
||||
<p class=" margin-top-20 f_weight_100">
|
||||
<a class="timeblue"> 了解更多 <img src="indeximg/more-r.png"></a>
|
||||
<a href="{$sc.link}" class="timeblue"> {:lang('了解更多')} <img src="__IMAGES__/more-r.png"></a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="indocking">
|
||||
<a><img src="indeximg/Office-2.jpg"></a>
|
||||
<div class="position_a text_center wow animated bounceInLeft">
|
||||
<p class="f_weight_500 timetitle">5合1便携插座 </p>
|
||||
<p class=" margin-top-14 f_weight_100 timedesin">小巧玲珑，匠心独蕴。</p>
|
||||
<p class=" margin-top-20 f_weight_100">
|
||||
<a class="timeblue"> 了解更多 <img src="indeximg/more-r.png"></a>
|
||||
</p>
|
||||
{/volist}
|
||||
{/notempty}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--orico技术-->
|
||||
<!-- orico技术 -->
|
||||
<div class="oidx-tcly">
|
||||
<div class="Tech-text">
|
||||
<h3>Orico 技术</h3>
|
||||
<p>强大功能、简单使用</p>
|
||||
<h3>{:lang('Orico 技术')}</h3>
|
||||
<p>{:lang('强大功能、简单使用')}</p>
|
||||
</div>
|
||||
<div class="section section-blends section-full">
|
||||
<div class="section-stack section-stack--center ">
|
||||
<div class="section-stack__main">
|
||||
<div class="before-after shadow text-custom ba-slider">
|
||||
<img src="indeximg/back-img01.jpg">
|
||||
<img src="__IMAGES__/back-img01.jpg">
|
||||
<div class="resize">
|
||||
<img src="indeximg/back-img02.jpg" style="width: 390px;">
|
||||
<img src="__IMAGES__/back-img02.jpg" style="width: 390px;">
|
||||
</div>
|
||||
<span class="handle"></span>
|
||||
</div>
|
||||
@@ -202,72 +130,37 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--时间轴效果-->
|
||||
<!-- 品牌故事 -->
|
||||
{notempty name="brand_story"}
|
||||
<div class="oidx-times">
|
||||
<section class="cd-horizontal-timeline loaded">
|
||||
<div class="events-content">
|
||||
<ul>
|
||||
<li class="selected">
|
||||
<img src="indeximg/about-1.jpg">
|
||||
{volist name="brand_story" id="bs" key="k"}
|
||||
<li class="{eq name='k' value='1'}selected{/eq}">
|
||||
<img src="{$bs.image}">
|
||||
<div class="position_a text_center">
|
||||
<p class=" timetitle">关于我们 </p>
|
||||
<p class=" margin-top-14 f_weight_100 timedesin">
|
||||
深圳市奥睿科科技有限公司成立于2009年，是一家具有自主知识产权、自主品牌、自主柔性生产链的新型互联网制造企业。因其强大的专业能力，严谨的合作态度，高水准的产品而受到业内伙伴的一致认可。
|
||||
</p>
|
||||
<p class=" timetitle" {:style(['color'=>$bs['title_txt_color']])}>{$bs.title} </p>
|
||||
<p class=" margin-top-14 f_weight_100 timedesin" {:style(['color'=>$bs['desc_txt_color']])}>{$bs.desc}</p>
|
||||
<p class=" margin-top-20 f_weight_100">
|
||||
<span class=" timeblue">
|
||||
<a> 了解更多 <img src="indeximg/more-r.png">
|
||||
</a>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<img src="indeximg/about-2.jpg">
|
||||
<div class="position_a text_center">
|
||||
<p class=" timetitle">全新使命</p>
|
||||
<p class=" margin-top-14 f_weight_100 timedesin">
|
||||
未来，Orico将依托NAS，拓展坞，快闪U盘，数据线等系列产品线和全面的产品组合，满足全球市场的个性化的数据存储、传输、同步需求。我们也将承担社会责任，实现可持续发展和绿色创新。
|
||||
</p>
|
||||
<p class=" margin-top-20 f_weight_100">
|
||||
<span class=" timeblue">
|
||||
<a> 了解更多 <img src="indeximg/more-r.png">
|
||||
</a>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<img src="indeximg/about-2.jpg">
|
||||
<div class="position_a text_center">
|
||||
<p class=" timetitle">全新使命</p>
|
||||
<p class=" margin-top-14 f_weight_100 timedesin">
|
||||
未来，Orico将依托NAS，拓展坞，快闪U盘，数据线等系列产品线和全面的产品组合，满足全球市场的个性化的数据存储、传输、同步需求。我们也将承担社会责任，实现可持续发展和绿色创新。
|
||||
</p>
|
||||
<p class=" margin-top-20 f_weight_100">
|
||||
<span class=" timeblue">
|
||||
<a> 了解更多 <img src="indeximg/more-r.png">
|
||||
</a>
|
||||
<a href="{$bs.link}">{:lang('了解更多')}<img src="__IMAGES__/more-r.png"></a>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
{/volist}
|
||||
</ul>
|
||||
</div>
|
||||
<!-- .events-content -->
|
||||
<div class="timeline">
|
||||
<div class="events-wrapper">
|
||||
<div class="events">
|
||||
<ol>
|
||||
{volist name="brand_story" id="bs" key="k"}
|
||||
<li>
|
||||
<a class="selected">2021</a>
|
||||
</li>
|
||||
<li>
|
||||
<a>2022</a>
|
||||
</li>
|
||||
<li>
|
||||
<a>2023</a>
|
||||
<a class="{eq name='k' value='1'}selected{/eq}">{$bs.year}</a>
|
||||
</li>
|
||||
{/volist}
|
||||
</ol>
|
||||
<span class="filling-line"></span>
|
||||
</div>
|
||||
@@ -275,109 +168,61 @@
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<!--number-->
|
||||
{/notempty}
|
||||
<!-- 数据统计 -->
|
||||
{notempty name="data_statistics"}
|
||||
<div class="oidx-total">
|
||||
<div class="num-bg clearfix">
|
||||
<ul>
|
||||
{volist name="data_statistics" id="ds"}
|
||||
<li>
|
||||
<h3>200000000</h3>
|
||||
<p>三年内订单</p>
|
||||
</li>
|
||||
<li>
|
||||
<h3>20</h3>
|
||||
<p>国际荣誉</p>
|
||||
</li>
|
||||
<li>
|
||||
<h3>70</h3>
|
||||
<p>畅销国家</p>
|
||||
<h3 {:style(['color'=>$ds['desc_txt_color']])}>{$ds.desc|raw}</h3>
|
||||
<p {:style(['color'=>$ds['title_txt_color']])}>{$ds.title}</p>
|
||||
</li>
|
||||
{/volist}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 图片切换 -->
|
||||
{/notempty}
|
||||
<!-- 文章轮播 -->
|
||||
{notempty name="recommend_articles"}
|
||||
<div class="oidx-imgqh">
|
||||
<div class="swiper-container imgqhswiper">
|
||||
<div class="swiper-wrapper">
|
||||
{volist name="recommend_articles" id="ra"}
|
||||
<div class="swiper-slide">
|
||||
<a>
|
||||
<div class="title pos-text">ORICO DataMatrix Crowdfunding Will Kick off July 2 on
|
||||
Kickstarter, 1st Real-Time Hybrid Storage for Post-Production</div>
|
||||
<img src="indeximg/1 - 副本.png" alt="图片1">
|
||||
</a>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<a>
|
||||
<div class="title pos-text">ORICO DataMatrix Crowdfunding Will Kick off July 2 on
|
||||
Kickstarter, 1st Real-Time Hybrid Storage for Post-Production</div>
|
||||
<img src="indeximg/1 - 副本.png" alt="图片1">
|
||||
</a>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<a>
|
||||
<div class="title pos-text">ORICO DataMatrix Crowdfunding Will Kick off July 2 on
|
||||
Kickstarter, 1st Real-Time Hybrid Storage for Post-Production</div>
|
||||
<img src="indeximg/1 - 副本.png" alt="图片1">
|
||||
</a>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<a>
|
||||
<div class="title pos-text">ORICO DataMatrix Crowdfunding Will Kick off July 2 on
|
||||
Kickstarter, 1st Real-Time Hybrid Storage for Post-Production</div>
|
||||
<img src="indeximg/1 - 副本.png" alt="图片1">
|
||||
</a>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<a>
|
||||
<div class="title pos-text">ORICO DataMatrix Crowdfunding Will Kick off July 2 on
|
||||
Kickstarter, 1st Real-Time Hybrid Storage for Post-Production</div>
|
||||
<img src="indeximg/1 - 副本.png" alt="图片1">
|
||||
<a href="{:url('article/detail', ['id' => $ra.id])}">
|
||||
<div class="title pos-text">{$ra.title|raw}</div>
|
||||
<img src="{$ra.image}" alt="" />
|
||||
</a>
|
||||
</div>
|
||||
{/volist}
|
||||
</div>
|
||||
<!-- 如果需要分页器 -->
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 常见问题-->
|
||||
{/notempty}
|
||||
<!-- 常见问题 -->
|
||||
{notempty name="recommend_faq"}
|
||||
<div class="oidx-fqa">
|
||||
<div class="faq">
|
||||
<div class="faq-title ">
|
||||
<h3>常见问题</h3>
|
||||
<h5>回答您最关心的问题</h5>
|
||||
<p>客服团队的工作时间：周一到周五，早9点到晚6点 平均应答时间：24小时内</p>
|
||||
<h3>{:lang('常见问题')}</h3>
|
||||
<h5>{:lang('回答您最关心的问题')}</h5>
|
||||
<p>{:lang('客服团队的工作时间：周一到周五，早9点到晚6点 平均应答时间：24小时内')}</p>
|
||||
</div>
|
||||
{volist name="recommend_faq" id="rq"}
|
||||
<dl>
|
||||
<dt class="cursor_p">同行产品品牌对比<i class="rotate icon-add-svg"></i>
|
||||
<dt class="cursor_p">
|
||||
{$rq.question}<i class="rotate icon-add-svg"></i>
|
||||
</dt>
|
||||
<dd>您好：orico都是采用的进口控制芯片，IC，原器件，自己研发的PCBA电路板，以及所有模具外观均是ORICO研发，生产!这种便宜的产品不是使用控制芯片，而是使用一种叫邦定的技术一个PCBA，如果使用邦定，成本很低，但是用个十来天，就会出现问题!ORICO全部使用贴片元器件所以，从用料上，完全不一样!
|
||||
</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt class="cursor_p">同行产品品牌对比<i class="rotate icon-add-svg"></i>
|
||||
</dt>
|
||||
<dd>您好：orico都是采用的进口控制芯片，IC，原器件，自己研发的PCBA电路板，以及所有模具外观均是ORICO研发，生产!这种便宜的产品不是使用控制芯片，而是使用一种叫邦定的技术一个PCBA，如果使用邦定，成本很低，但是用个十来天，就会出现问题!ORICO全部使用贴片元器件所以，从用料上，完全不一样!
|
||||
</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt class="cursor_p">同行产品品牌对比<i class="rotate icon-add-svg"></i>
|
||||
</dt>
|
||||
<dd>您好：orico都是采用的进口控制芯片，IC，原器件，自己研发的PCBA电路板，以及所有模具外观均是ORICO研发，生产!这种便宜的产品不是使用控制芯片，而是使用一种叫邦定的技术一个PCBA，如果使用邦定，成本很低，但是用个十来天，就会出现问题!ORICO全部使用贴片元器件所以，从用料上，完全不一样!
|
||||
</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt class="cursor_p">同行产品品牌对比<i class="rotate icon-add-svg"></i>
|
||||
</dt>
|
||||
<dd>您好：orico都是采用的进口控制芯片，IC，原器件，自己研发的PCBA电路板，以及所有模具外观均是ORICO研发，生产!这种便宜的产品不是使用控制芯片，而是使用一种叫邦定的技术一个PCBA，如果使用邦定，成本很低，但是用个十来天，就会出现问题!ORICO全部使用贴片元器件所以，从用料上，完全不一样!
|
||||
</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt class="cursor_p">同行产品品牌对比<i class="rotate icon-add-svg"></i>
|
||||
</dt>
|
||||
<dd>您好：orico都是采用的进口控制芯片，IC，原器件，自己研发的PCBA电路板，以及所有模具外观均是ORICO研发，生产!这种便宜的产品不是使用控制芯片，而是使用一种叫邦定的技术一个PCBA，如果使用邦定，成本很低，但是用个十来天，就会出现问题!ORICO全部使用贴片元器件所以，从用料上，完全不一样!
|
||||
</dd>
|
||||
<dd>{$rq.answer|raw}</dd>
|
||||
</dl>
|
||||
{/volist}
|
||||
</div>
|
||||
</div>
|
||||
{/notempty}
|
||||
</div>
|
||||
</div>
|
||||
{/block}
|
||||
|
||||
@@ -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>
|
||||
{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="img/china-img.png">
|
||||
<span>中国</span>
|
||||
<img src="img/downicon.png">
|
||||
<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>
|
||||
{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>
|
||||
<div class="copy-text">2015 ORICO Technologies Co.,Ltd 版权所有（粤ICP备15025109号）</div>
|
||||
{/notempty}
|
||||
</div>
|
||||
</footer>
|
||||
@@ -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>
|
||||
|
||||
128
public/static/index/mobile/css/index.css
Executable file
128
public/static/index/mobile/css/index.css
Executable file
@@ -0,0 +1,128 @@
|
||||
.oricoEGapp {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index .oidx-banner {
|
||||
margin-top: 3.5rem;
|
||||
z-index: 9;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index .oidx-banner .swiper-container {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index .oidx-cate {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 1.5rem 0;
|
||||
margin: 0 5%;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index .oidx-cate .cateit {
|
||||
margin: 0 5%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index .oidx-cate .cateit img {
|
||||
width: 2.25rem;
|
||||
height: 2.25rem;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index .oidx-cate .cateit span {
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index .oidx-gg {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index .oidx-FP .timeblue a {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index .oidx-FP .timeblue a img {
|
||||
margin-left: 0.625rem;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index .oidx-ztpictureshow {
|
||||
position: relative;
|
||||
background: #fff;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index .oidx-ztpictureshow .margin-top-20 {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index .oidx-tcly {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index .oidx-times {
|
||||
display: flex;
|
||||
position: relative;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index .oidx-times .timeblue {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index .oidx-times .timeline .events-wrapper {
|
||||
overflow: initial;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index .oidx-times .cd-horizontal-timeline .events a {
|
||||
width: 33.3%;
|
||||
margin-left: 0;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index .oidx-times .cd-horizontal-timeline .events a::after {
|
||||
left: 50%;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index .oidx-total {
|
||||
position: relative;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index .oidx-imgqh .swiper-container {
|
||||
overflow: initial;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index .oidx-imgqh .swiper-pagination {
|
||||
bottom: -15px;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index .oidx-fqa {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
.oricoEGapp .oricoEGapp-index .oidx-fqa .faq-title h3 {
|
||||
margin: 2rem auto;
|
||||
}
|
||||
.oricoEGapp .timeblue {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
.oricoEGapp .timeblue a {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
.oricoEGapp .timeblue img {
|
||||
margin-left: 0.625rem;
|
||||
}
|
||||
.oricoEGapp .text_center {
|
||||
text-align: center;
|
||||
}
|
||||
.oricoEGapp .inprotext {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
@@ -1,24 +1,24 @@
|
||||
@font-face {
|
||||
font-family: "Montserrat";
|
||||
src: url("/static/common/fonts/Montserrat-Regular.ttf") format("truetype");
|
||||
src: url("../fonts/Montserrat-Regular.ttf") format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Montserrat-Bold";
|
||||
src: url("/static/common/fonts/Montserrat-Bold.ttf") format("truetype");
|
||||
src: url("../fonts/Montserrat-Bold.ttf") format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Montserrat-Medium";
|
||||
src: url("/static/common/fonts/Montserrat-Medium.ttf") format("truetype");
|
||||
src: url("../fonts/Montserrat-Medium.ttf") format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Montserrat-SemiBold";
|
||||
src: url("/static/common/fonts/Montserrat-SemiBold.ttf") format("truetype");
|
||||
src: url("../fonts/Montserrat-SemiBold.ttf") format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
@@ -2934,7 +2934,7 @@ video img {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: #fff url(../indeximg/ba-arrow.png) center center / 22px 22px no-repeat;
|
||||
background: #fff url(../images/ba-arrow.png) center center / 22px 22px no-repeat;
|
||||
border: 1px solid #fff;
|
||||
border-radius: 50%;
|
||||
transition: all 0.3s ease;
|
||||
|
||||
BIN
public/static/index/mobile/images/ba-arrow.png
Executable file
BIN
public/static/index/mobile/images/ba-arrow.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 401 B |
BIN
public/static/index/mobile/images/back-img01.jpg
Executable file
BIN
public/static/index/mobile/images/back-img01.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 65 KiB |
BIN
public/static/index/mobile/images/back-img02.jpg
Executable file
BIN
public/static/index/mobile/images/back-img02.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 39 KiB |
BIN
public/static/index/mobile/images/close.png
Executable file
BIN
public/static/index/mobile/images/close.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 339 B |
BIN
public/static/index/mobile/images/downicon.png
Executable file
BIN
public/static/index/mobile/images/downicon.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
public/static/index/mobile/images/logo-white.png
Executable file
BIN
public/static/index/mobile/images/logo-white.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
public/static/index/mobile/images/more-r.png
Executable file
BIN
public/static/index/mobile/images/more-r.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Reference in New Issue
Block a user