feat: 模板区分pc与mobile
This commit is contained in:
@@ -2,6 +2,10 @@
|
||||
// +----------------------------------------------------------------------
|
||||
// | 模板设置
|
||||
// +----------------------------------------------------------------------
|
||||
$view_deivce_name = 'pc';
|
||||
if (request()->isMobile()) {
|
||||
$view_deivce_name = 'mobile';
|
||||
}
|
||||
|
||||
return [
|
||||
// 模板引擎类型使用Think
|
||||
@@ -9,7 +13,7 @@ return [
|
||||
// 默认模板渲染规则 1 解析为小写+下划线 2 全部转换小写 3 保持操作方法
|
||||
'auto_rule' => 1,
|
||||
// 模板目录名
|
||||
'view_dir_name' => 'view',
|
||||
'view_dir_name' => "view/{$view_deivce_name}",
|
||||
// 模板后缀
|
||||
'view_suffix' => 'html',
|
||||
// 模板文件名分隔符
|
||||
@@ -24,8 +28,8 @@ return [
|
||||
'taglib_end' => '}',
|
||||
// 模板输出替换
|
||||
'tpl_replace_string' => [
|
||||
'__CSS__' => '/static/index/css',
|
||||
'__JS__' => '/static/index/js',
|
||||
'__IMAGES__' => '/static/index/images',
|
||||
'__CSS__' => "/static/index/{$view_deivce_name}/css",
|
||||
'__JS__' => "/static/index/{$view_deivce_name}/js",
|
||||
'__IMAGES__' => "/static/index/{$view_deivce_name}/images",
|
||||
]
|
||||
];
|
||||
|
||||
470
app/index/view/mobile/index/index.html
Normal file
470
app/index/view/mobile/index/index.html
Normal file
@@ -0,0 +1,470 @@
|
||||
{extend name="public/base"/}
|
||||
{block name="main"}
|
||||
<div class="oricoEGapp">
|
||||
<!--首页 -->
|
||||
<div class="oricoEGapp-index">
|
||||
<!-- banner-->
|
||||
<div class="oidx-banner">
|
||||
<div class="swiper-container bannerswiper">
|
||||
<div class="swiper-wrapper">
|
||||
<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">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 如果需要分页器 -->
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 四大分类-->
|
||||
<div class="oidx-cate">
|
||||
<div class="cateit">
|
||||
<img src="indeximg/sjcc.png" />
|
||||
<span>数据存储</span>
|
||||
</div>
|
||||
<div class="cateit">
|
||||
<img src="indeximg/zhcc.png" />
|
||||
<span>智慧存储</span>
|
||||
</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>
|
||||
<!-- 广告-->
|
||||
<div class="oidx-gg">
|
||||
<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>
|
||||
</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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 明星产品/热点产品-->
|
||||
<div class="oidx-FP">
|
||||
<div class="Inpro-text">
|
||||
<p class="title"> 明星产品/热点产品</p>
|
||||
</div>
|
||||
<div class="m_Container">
|
||||
<div class="swiper-container FPswiper">
|
||||
<div class="swiper-wrapper text_center">
|
||||
<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>
|
||||
</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>
|
||||
<!-- 如果需要分页器 -->
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--专题图片展示-->
|
||||
<div class="oidx-ztpictureshow">
|
||||
<!--视频-->
|
||||
<div class="vedio_in">
|
||||
<img src="indeximg/mobile-video.jpg">
|
||||
<iframe class="margin-top-20" width="100%" style="z-index:9999;"
|
||||
src="https://www.youtube.com/embed/MgTbmc1amfQ" title="YouTube video player" frameborder="0"
|
||||
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
||||
allowfullscreen="" id="videoElement"></iframe>
|
||||
</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>
|
||||
</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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--orico技术-->
|
||||
<div class="oidx-tcly">
|
||||
<div class="Tech-text">
|
||||
<h3>Orico 技术</h3>
|
||||
<p>强大功能、简单使用</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">
|
||||
<div class="resize">
|
||||
<img src="indeximg/back-img02.jpg" style="width: 390px;">
|
||||
</div>
|
||||
<span class="handle"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--时间轴效果-->
|
||||
<div class="oidx-times">
|
||||
<section class="cd-horizontal-timeline loaded">
|
||||
<div class="events-content">
|
||||
<ul>
|
||||
<li class="selected">
|
||||
<img src="indeximg/about-1.jpg">
|
||||
<div class="position_a text_center">
|
||||
<p class=" timetitle">关于我们 </p>
|
||||
<p class=" margin-top-14 f_weight_100 timedesin">
|
||||
深圳市奥睿科科技有限公司成立于2009年，是一家具有自主知识产权、自主品牌、自主柔性生产链的新型互联网制造企业。因其强大的专业能力，严谨的合作态度，高水准的产品而受到业内伙伴的一致认可。
|
||||
</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>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- .events-content -->
|
||||
<div class="timeline">
|
||||
<div class="events-wrapper">
|
||||
<div class="events">
|
||||
<ol>
|
||||
<li>
|
||||
<a class="selected">2021</a>
|
||||
</li>
|
||||
<li>
|
||||
<a>2022</a>
|
||||
</li>
|
||||
<li>
|
||||
<a>2023</a>
|
||||
</li>
|
||||
</ol>
|
||||
<span class="filling-line"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<!--number-->
|
||||
<div class="oidx-total">
|
||||
<div class="num-bg clearfix">
|
||||
<ul>
|
||||
<li>
|
||||
<h3>200000000</h3>
|
||||
<p>三年内订单</p>
|
||||
</li>
|
||||
<li>
|
||||
<h3>20</h3>
|
||||
<p>国际荣誉</p>
|
||||
</li>
|
||||
<li>
|
||||
<h3>70</h3>
|
||||
<p>畅销国家</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 图片切换 -->
|
||||
<div class="oidx-imgqh">
|
||||
<div class="swiper-container imgqhswiper">
|
||||
<div class="swiper-wrapper">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 如果需要分页器 -->
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 常见问题-->
|
||||
<div class="oidx-fqa">
|
||||
<div class="faq">
|
||||
<div class="faq-title ">
|
||||
<h3>常见问题</h3>
|
||||
<h5>回答您最关心的问题</h5>
|
||||
<p>客服团队的工作时间：周一到周五，早9点到晚6点 平均应答时间：24小时内</p>
|
||||
</div>
|
||||
<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>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt class="cursor_p">同行产品品牌对比<i class="rotate icon-add-svg"></i>
|
||||
</dt>
|
||||
<dd>您好：orico都是采用的进口控制芯片，IC，原器件，自己研发的PCBA电路板，以及所有模具外观均是ORICO研发，生产!这种便宜的产品不是使用控制芯片，而是使用一种叫邦定的技术一个PCBA，如果使用邦定，成本很低，但是用个十来天，就会出现问题!ORICO全部使用贴片元器件所以，从用料上，完全不一样!
|
||||
</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/block}
|
||||
{block name="script"}
|
||||
<script src="__JS__/before-after.min.js" type="text/javascript"></script>
|
||||
<script type="text/javascript">
|
||||
//banner轮播
|
||||
var bannerswiper = new Swiper('.bannerswiper', {
|
||||
// 配置选项
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 3000,
|
||||
},
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
}
|
||||
});
|
||||
// 分类轮播
|
||||
var FPswiper = new Swiper(".FPswiper", {
|
||||
loop: true, //允许从第一张到最后一张，或者从最后一张到第一张 循环属性
|
||||
slidesPerView: 2, // 设置显示一张
|
||||
centeredSlides: true, //使当前图片居中显示
|
||||
centeredSlidesBounds: true, //使左右两边的图片始终贴合边缘
|
||||
autoplay: true, //可选选项，自动滑动
|
||||
initialSlide: 0, //默认显示第二张图片索引从0开始
|
||||
speed: 2000, //设置过度时间
|
||||
autoplay: false,
|
||||
});
|
||||
// 图片切换
|
||||
var imgqhswiper = new Swiper('.imgqhswiper', {
|
||||
loop: true, //允许从第一张到最后一张，或者从最后一张到第一张 循环属性
|
||||
effect: 'coverflow', //轮播效果，coverflow覆盖流效果
|
||||
slidesPerView: 2,
|
||||
centeredSlides: true,
|
||||
slidesOffsetBefore: 0, //偏移，使第一张图片向右偏移150px */
|
||||
autoplay: true, //可选选项，自动滑动
|
||||
speed: 2000, //设置过度时间
|
||||
autoplay: true,
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable: true,
|
||||
dynamicBullets: true,
|
||||
},
|
||||
});
|
||||
$(function() {
|
||||
//视频播放
|
||||
var videos = $(".vedio_in");
|
||||
videos.on("click", function() {
|
||||
var elm = $(this),
|
||||
conts = elm.contents(),
|
||||
le = conts.length,
|
||||
ifr = null;
|
||||
for (var i = 0; i < le; i++) {
|
||||
if (conts[i].nodeType == 8) ifr = conts[i].textContent;
|
||||
}
|
||||
elm.addClass("player").html(ifr);
|
||||
elm.off("click");
|
||||
});
|
||||
// 图片覆盖左右移动
|
||||
$('.before-after').beforeAfter();
|
||||
// 为日期链接添加点击事件处理函数
|
||||
$('.events a').on('click', function() {
|
||||
// 移除所有日期链接的 selected 类
|
||||
$('.events a').removeClass('selected');
|
||||
// 移除所有内容列表项的 selected 类
|
||||
$('.events-content li').removeClass('selected');
|
||||
// 为当前点击的日期链接添加 selected 类
|
||||
$(this).addClass('selected');
|
||||
// 获取当前点击链接的索引
|
||||
var index = $('.events a').index(this);
|
||||
// 为对应的内容列表项添加 selected 类
|
||||
$('.events-content li').eq(index).addClass('selected');
|
||||
});
|
||||
// fqa
|
||||
// 为所有带有 cursor_p 类的 dt 元素添加点击事件处理函数
|
||||
$('.cursor_p').on('click', function() {
|
||||
// 切换对应的 dd 元素的显示和隐藏状态
|
||||
$(this).next('dd').slideToggle(400);
|
||||
// 获取当前 dt 元素内的图标元素
|
||||
var icon = $(this).find('i');
|
||||
// 切换图标类名
|
||||
if (icon.hasClass('icon-add-svg')) {
|
||||
icon.removeClass('icon-add-svg').addClass('icon-jian-svg');
|
||||
} else {
|
||||
icon.removeClass('icon-jian-svg').addClass('icon-add-svg');
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
{/block}
|
||||
31
app/index/view/mobile/public/base.html
Normal file
31
app/index/view/mobile/public/base.html
Normal file
@@ -0,0 +1,31 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
{block name="title"}<title>{$basic_config['website_seo_title']['value']}</title>{/block}
|
||||
{block name="seo"}
|
||||
<meta name="keywords" content="{$basic_config['website_seo_keyword']['value']}" />
|
||||
<meta name="description" content="{$basic_config['website_seo_description']['value']}" />
|
||||
{/block}
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<link rel="stylesheet" type="text/css" href="__CSS__/public.css" />
|
||||
<link rel="stylesheet" type="text/css" href="__CSS__/style.css" />
|
||||
<link rel="stylesheet" type="text/css" href="__CSS__/fonts.css" />
|
||||
<link rel="stylesheet" type="text/css" href="__CSS__/header.css" />
|
||||
<link rel="stylesheet" type="text/css" href="__CSS__/fonter.css" />
|
||||
{block name="style"}{/block}
|
||||
<link rel="stylesheet" href="https://unpkg.com/swiper@9/swiper-bundle.min.css">
|
||||
</head>
|
||||
<body>
|
||||
{block name="header"}
|
||||
{include file="public/header"/}
|
||||
{/block}
|
||||
{block name="main"}{/block}
|
||||
{block name="footer"}
|
||||
{include file="public/footer"/}
|
||||
{/block}
|
||||
<script type="text/javascript" src='https://code.jquery.com/jquery-3.6.0.min.js'></script>
|
||||
<script src="https://unpkg.com/swiper@9.4.1/swiper-bundle.min.js"></script>
|
||||
{block name="script"}{/block}
|
||||
</body>
|
||||
</html>
|
||||
62
app/index/view/mobile/public/footer.html
Normal file
62
app/index/view/mobile/public/footer.html
Normal file
@@ -0,0 +1,62 @@
|
||||
<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="foot-cate">
|
||||
<ul class="clearfix">
|
||||
<li>
|
||||
<h3>产品</h3>
|
||||
<p><a>数据存储</a></p>
|
||||
<p><a>智慧存储</a></p>
|
||||
<p><a>智能家居</a></p>
|
||||
<p><a>3C配件</a></p>
|
||||
</li>
|
||||
<li>
|
||||
<h3>关于我们</h3>
|
||||
<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>
|
||||
</p>
|
||||
</li>
|
||||
<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>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="foot-wei">
|
||||
<div class="m_footer text_white m-in-top clearfix">
|
||||
<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">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="copy-text">2015 ORICO Technologies Co.,Ltd 版权所有（粤ICP备15025109号）</div>
|
||||
</div>
|
||||
</footer>
|
||||
153
app/index/view/mobile/public/header.html
Normal file
153
app/index/view/mobile/public/header.html
Normal file
@@ -0,0 +1,153 @@
|
||||
<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>
|
||||
@@ -16,8 +16,8 @@
|
||||
<link rel="stylesheet" href="https://unpkg.com/swiper@9/swiper-bundle.min.css">
|
||||
<script type="text/javascript" src='https://code.jquery.com/jquery-3.6.0.min.js'></script>
|
||||
<script type="text/javascript" src="https://unpkg.com/swiper@9.4.1/swiper-bundle.min.js"></script>
|
||||
<script type="text/javascript" src="/static/index/js/before-after.min.js"></script>
|
||||
<script type="text/javascript" src="/static/index/js/large.js"></script>
|
||||
<script type="text/javascript" src="__JS__/before-after.min.js"></script>
|
||||
<script type="text/javascript" src="__JS__/large.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
{block name="header"}
|
||||
BIN
public/static/common/fonts/icomoon/colleciton/icomoon.eot
(Stored with Git LFS)
Executable file
BIN
public/static/common/fonts/icomoon/colleciton/icomoon.eot
(Stored with Git LFS)
Executable file
Binary file not shown.
BIN
public/static/common/fonts/icomoon/colleciton/icomoon.svg
(Stored with Git LFS)
Executable file
BIN
public/static/common/fonts/icomoon/colleciton/icomoon.svg
(Stored with Git LFS)
Executable file
Binary file not shown.
BIN
public/static/common/fonts/icomoon/colleciton/icomoon.ttf
(Stored with Git LFS)
Executable file
BIN
public/static/common/fonts/icomoon/colleciton/icomoon.ttf
(Stored with Git LFS)
Executable file
Binary file not shown.
BIN
public/static/common/fonts/icomoon/colleciton/icomoon.woff
(Stored with Git LFS)
Executable file
BIN
public/static/common/fonts/icomoon/colleciton/icomoon.woff
(Stored with Git LFS)
Executable file
Binary file not shown.
BIN
public/static/common/fonts/icomoon/icomoon.eot
(Stored with Git LFS)
Executable file
BIN
public/static/common/fonts/icomoon/icomoon.eot
(Stored with Git LFS)
Executable file
Binary file not shown.
BIN
public/static/common/fonts/icomoon/icomoon.svg
(Stored with Git LFS)
Executable file
BIN
public/static/common/fonts/icomoon/icomoon.svg
(Stored with Git LFS)
Executable file
Binary file not shown.
BIN
public/static/common/fonts/icomoon/icomoon.ttf
(Stored with Git LFS)
Executable file
BIN
public/static/common/fonts/icomoon/icomoon.ttf
(Stored with Git LFS)
Executable file
Binary file not shown.
BIN
public/static/common/fonts/icomoon/icomoon.woff
(Stored with Git LFS)
Executable file
BIN
public/static/common/fonts/icomoon/icomoon.woff
(Stored with Git LFS)
Executable file
Binary file not shown.
BIN
public/static/common/fonts/icomoon/icomoona.ttf
(Stored with Git LFS)
Executable file
BIN
public/static/common/fonts/icomoon/icomoona.ttf
(Stored with Git LFS)
Executable file
Binary file not shown.
@@ -1,8 +1,8 @@
|
||||
@font-face {
|
||||
font-family: 'icomoon';
|
||||
src: url('fonts/icomoon/icomoon.eot?ujw7hy');
|
||||
src: url('fonts/icomoon/icomoon.eot?ujw7hy#iefix') format('embedded-opentype'), url('fonts/icomoon/icomoon.ttf?ujw7hy') format('truetype'),
|
||||
url('fonts/icomoon/icomoon.woff?ujw7hy') format('woff'), url('fonts/icomoon/icomoon.svg?ujw7hy#icomoon') format('svg');
|
||||
src: url('/static/common/fonts/icomoon/icomoon.eot?ujw7hy');
|
||||
src: url('/static/common/fonts/icomoon/icomoon.eot?ujw7hy#iefix') format('embedded-opentype'), url('/static/common/fonts/icomoon/icomoon.ttf?ujw7hy') format('truetype'),
|
||||
url('/static/common/fonts/icomoon/icomoon.woff?ujw7hy') format('woff'), url('/static/common/fonts/icomoon/icomoon.svg?ujw7hy#icomoon') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
34
public/static/index/mobile/css/footer.css
Executable file
34
public/static/index/mobile/css/footer.css
Executable file
@@ -0,0 +1,34 @@
|
||||
.oircoEgapp-foot .logo-white img {
|
||||
margin: 0 auto;
|
||||
}
|
||||
.oircoEgapp-foot .m_footer {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.oircoEgapp-foot .m_footer .left,
|
||||
.oircoEgapp-foot .foot-con {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.oircoEgapp-foot .m_footer .right {
|
||||
max-width: 55%;
|
||||
}
|
||||
.oircoEgapp-foot .m_footer .left {
|
||||
max-width: 40%;
|
||||
justify-content: end;
|
||||
margin-right: 4%;
|
||||
}
|
||||
.oircoEgapp-foot .foot-con span {
|
||||
width: auto;
|
||||
padding: 0 0.625rem;
|
||||
}
|
||||
.oircoEgapp-foot .foot-cate .clearfix li h3 {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.oircoEgapp-foot .foot-cate .clearfix li p,
|
||||
.oircoEgapp-foot .foot-cate .clearfix li p a {
|
||||
font-size: 12px;
|
||||
}
|
||||
60
public/static/index/mobile/css/header.css
Executable file
60
public/static/index/mobile/css/header.css
Executable file
@@ -0,0 +1,60 @@
|
||||
.oircoEgapp-head {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
z-index: 10;
|
||||
width: -webkit-fill-available;
|
||||
}
|
||||
.oircoEgapp-head .headtop {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 0 1rem;
|
||||
height: 3.5rem;
|
||||
background: #fff;
|
||||
}
|
||||
.oircoEgapp-head .headtop .headerlogimg {
|
||||
width: 8.75rem;
|
||||
height: 2.25rem;
|
||||
}
|
||||
.oircoEgapp-head .top-menu {
|
||||
background-color: #fff;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
color: #000;
|
||||
display: none;
|
||||
}
|
||||
.oircoEgapp-head .top-menu .it-ct {
|
||||
font-family: "Montserrat-SemiBold";
|
||||
font-weight: bold;
|
||||
}
|
||||
.oircoEgapp-head .top-menu .it-ct .it-1 {
|
||||
padding: 1rem 3.5% 0.65rem;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
font-size: 12px;
|
||||
position: relative;
|
||||
}
|
||||
.oircoEgapp-head .top-menu .it-ct .it-1-more {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
padding-bottom: 1.5%;
|
||||
}
|
||||
.oircoEgapp-head .top-menu .it-ct .it-1-more i {
|
||||
font-weight: bold;
|
||||
}
|
||||
.oircoEgapp-head .top-menu .it-ct .it-1-2 {
|
||||
padding-left: 1rem;
|
||||
font-size: 12px;
|
||||
line-height: 1.8rem;
|
||||
font-weight: 100;
|
||||
font-weight: bold;
|
||||
display: none;
|
||||
}
|
||||
.oircoEgapp-head .top-menu .it-ct .it-1-2 a {
|
||||
color: #666;
|
||||
}
|
||||
88
public/static/index/mobile/css/public.css
Executable file
88
public/static/index/mobile/css/public.css
Executable file
@@ -0,0 +1,88 @@
|
||||
@font-face {
|
||||
font-family: "Montserrat";
|
||||
src: url("/static/common/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");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Montserrat-Medium";
|
||||
src: url("/static/common/fonts/Montserrat-Medium.ttf") format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
/* font-family: 'Montserrat'; */
|
||||
-ms-overflow-style: none;
|
||||
/* IE 和 Edge */
|
||||
scrollbar-width: none;
|
||||
/* Firefox */
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
*:hover {
|
||||
transition: all 0.2s linear;
|
||||
-webkit-transition: all 0.2s linear;
|
||||
}
|
||||
|
||||
body {
|
||||
font-size: 1.2em;
|
||||
font-weight: 400;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
select,
|
||||
input,
|
||||
textarea,
|
||||
button {
|
||||
outline: none;
|
||||
font-size: 0.875rem;
|
||||
border-radius: 0;
|
||||
-webkit-border-radius: 0;
|
||||
color: #414446;
|
||||
-moz-border-radius: 0;
|
||||
-ms-border-radius: 0;
|
||||
-o-border-radius: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #000;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
transition: all 0.2s linear;
|
||||
-webkit-transition: all 0.2s linear;
|
||||
text-decoration: none;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
img {
|
||||
display: block;
|
||||
}
|
||||
|
||||
ul li {
|
||||
/* padding: 2px 0; */
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul,
|
||||
a {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'Montserrat-SemiBold';
|
||||
}
|
||||
3941
public/static/index/mobile/css/style.css
Executable file
3941
public/static/index/mobile/css/style.css
Executable file
File diff suppressed because it is too large
Load Diff
220
public/static/index/pc/css/fonts.css
Executable file
220
public/static/index/pc/css/fonts.css
Executable file
@@ -0,0 +1,220 @@
|
||||
@font-face {
|
||||
font-family: 'icomoon';
|
||||
src: url('/static/common/fonts/icomoon/icomoon.eot?ujw7hy');
|
||||
src: url('/static/common/fonts/icomoon/icomoon.eot?ujw7hy#iefix') format('embedded-opentype'), url('/static/common/fonts/icomoon/icomoon.ttf?ujw7hy') format('truetype'),
|
||||
url('/static/common/fonts/icomoon/icomoon.woff?ujw7hy') format('woff'), url('/static/common/fonts/icomoon/icomoon.svg?ujw7hy#icomoon') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
[class^='icon-'],
|
||||
[class*=' icon-'] {
|
||||
/* use !important to prevent issues with browser extensions that change fonts */
|
||||
font-family: 'icomoon';
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-Collection:before {
|
||||
content: '\e900';
|
||||
}
|
||||
.icon-culture-P:before {
|
||||
content: '\e901';
|
||||
}
|
||||
.icon-facebook:before {
|
||||
content: '\e902';
|
||||
}
|
||||
.icon-in:before {
|
||||
content: '\e903';
|
||||
}
|
||||
.icon-twitter:before {
|
||||
content: '\e904';
|
||||
}
|
||||
.icon-youtobe:before {
|
||||
content: '\e905';
|
||||
}
|
||||
.icon-country:before {
|
||||
content: '\e90a';
|
||||
}
|
||||
.icon-menu:before {
|
||||
content: '\e906';
|
||||
}
|
||||
.icon-arrow:before {
|
||||
content: '\e907';
|
||||
}
|
||||
.icon-r-arrow:before {
|
||||
content: '\e907';
|
||||
}
|
||||
.icon-close:before {
|
||||
content: '\e909';
|
||||
}
|
||||
.icon-search:before {
|
||||
content: '\e908';
|
||||
}
|
||||
.icon-B-arrow:before {
|
||||
content: '\e90b';
|
||||
}
|
||||
|
||||
.icon-qq1:before {
|
||||
content: '\e90c';
|
||||
}
|
||||
.icon-wx1:before {
|
||||
content: '\e90d';
|
||||
}
|
||||
.icon-ys1:before {
|
||||
content: '\e90e';
|
||||
}
|
||||
.icon-kf1:before {
|
||||
content: '\e90f';
|
||||
}
|
||||
.icon-top1:before {
|
||||
content: '\e910';
|
||||
}
|
||||
.icon-QQ:before {
|
||||
content: '\e911';
|
||||
color: rgba(0, 0, 0, 0.3);
|
||||
margin-right: 10px;
|
||||
}
|
||||
.icon-xl:before {
|
||||
content: '\e919';
|
||||
}
|
||||
|
||||
.icon-QQ1:before {
|
||||
content: '\e91c';
|
||||
}
|
||||
.icon-PYQ:before {
|
||||
content: '\e91d';
|
||||
}
|
||||
.icon-Under-line:before {
|
||||
content: '\e91e';
|
||||
}
|
||||
.icon-On-line:before {
|
||||
content: '\e91f';
|
||||
}
|
||||
.icon-contect:before {
|
||||
content: '\e920';
|
||||
}
|
||||
.icon-support:before {
|
||||
content: '\e921';
|
||||
}
|
||||
.icon-media:before {
|
||||
content: '\e922';
|
||||
}
|
||||
.icon-join:before {
|
||||
content: '\e923';
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'icomoon01';
|
||||
src: url('fonts-20190124/icomoon.eot?ll2528');
|
||||
src: url('fonts-20190124/icomoon.eot?ll2528#iefix') format('embedded-opentype'),
|
||||
url('fonts-20190124/icomoon.ttf?ll2528') format('truetype'), url('fonts-20190124/icomoon.woff?ll2528') format('woff'),
|
||||
url('fonts-20190124/icomoon.svg?ll2528#icomoon') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
[class^='icons-'],
|
||||
[class*=' icons-'] {
|
||||
/* use !important to prevent issues with browser extensions that change fonts */
|
||||
font-family: 'icomoon01' !important;
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icons-weixin:before {
|
||||
content: '\e903';
|
||||
color: #fff;
|
||||
}
|
||||
.icons-Forum:before {
|
||||
content: '\e900';
|
||||
color: #fff;
|
||||
}
|
||||
.icons-sina:before {
|
||||
content: '\e901';
|
||||
color: #fff;
|
||||
}
|
||||
.icons-toutiao:before {
|
||||
content: '\e902';
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.icons-douyin:before {
|
||||
content: '\e904';
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'icomoon02';
|
||||
src: url('fonts/other/icomoon.eot?ujw7hy');
|
||||
src: url('fonts/other/icomoon.eot?ujw7hy#iefix') format('embedded-opentype'), url('fonts/other/icomoon.ttf?ujw7hy') format('truetype'),
|
||||
url('fonts/other/icomoon.woff?ujw7hy') format('woff'), url('fonts/other/icomoon.svg?ujw7hy#icomoon') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
[class^='icona-'],
|
||||
[class*=' icona-'] {
|
||||
/* use !important to prevent issues with browser extensions that change fonts */
|
||||
font-family: 'icomoon02' !important;
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
.icona-zhihu:before {
|
||||
content: '\e904';
|
||||
color: #fff;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'icomoon05';
|
||||
src: url('fonts-20220322/icomoon.eot?cdcz43');
|
||||
src: url('fonts-20220322/icomoon.eot?cdcz43#iefix') format('embedded-opentype'),
|
||||
url('fonts-20220322/icomoon.ttf?cdcz43') format('truetype'), url('fonts-20220322/icomoon.woff?cdcz43') format('woff'),
|
||||
url('fonts-20220322/icomoon.svg?cdcz43#icomoon') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-display: block;
|
||||
}
|
||||
|
||||
[class^='iconb-'],
|
||||
[class*='iconb-'] {
|
||||
/* use !important to prevent issues with browser extensions that change fonts */
|
||||
font-family: 'icomoon05' !important;
|
||||
speak: never;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.iconb-caret-down:before {
|
||||
content: '\e900';
|
||||
}
|
||||
.iconb-caret-up:before {
|
||||
content: '\e901';
|
||||
}
|
||||
@@ -1,20 +1,20 @@
|
||||
@font-face {
|
||||
font-family: "Montserrat";
|
||||
src: url("../fonts/Montserrat-Regular.ttf") format("truetype");
|
||||
src: url("/static/common/fonts/Montserrat-Regular.ttf") format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Montserrat-Bold";
|
||||
src: url("../fonts/Montserrat-Bold.ttf") format("truetype");
|
||||
src: url("/static/common/fonts/Montserrat-Bold.ttf") format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Montserrat-Medium";
|
||||
src: url("../fonts/Montserrat-Medium.ttf") format("truetype");
|
||||
src: url("/static/common/fonts/Montserrat-Medium.ttf") format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 4.1 KiB After Width: | Height: | Size: 4.1 KiB |
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 2.1 KiB |
|
Before Width: | Height: | Size: 322 KiB After Width: | Height: | Size: 322 KiB |
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 2.1 KiB |
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 1.3 MiB After Width: | Height: | Size: 1.3 MiB |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 6.1 KiB After Width: | Height: | Size: 6.1 KiB |
|
Before Width: | Height: | Size: 2.4 MiB After Width: | Height: | Size: 2.4 MiB |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user