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

init

Browse Source
This commit is contained in:
jsasg
2024-10-29 14:04:59 +08:00
commit 48bf3e6f33
2839 changed files with 762707 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

257
app/index.phtml Executable file
View File

@@ -0,0 +1,257 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ORICO/奥睿科集团官网|数据线|硬盘盒|电脑配件|插线板</title>
<meta name="Keywords" content="ORICO,奥睿科,插线板,HUB,充电器,移动硬盘盒,USB3.0,车充,排插,数据线" />
<meta name="Description" content="ORICO/奥睿科集团官网拥有成熟的电脑/数码周边外设配件产品，提供USB插线板，硬盘盒，USB3.0 HUB，USB充电器，数据线，车充等数码3C产品的在线选购，让您轻松享受科技数码时代的乐趣！客服电话：400-6696-298" />
<!-- <script name="baidu-koubei-verification" src="//ikoubei.baidu.com/embed/1ba921d43f25f664afbdc9bd646d2ce2"></script>-->
{include file="include/head" /}
<script type="text/javascript">
var navID = "1";
</script>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/web/scripts/bxslider/jquery.bxslider.css">
<script type="text/javascript" src="__PUBLIC__/web/scripts/bxslider/jquery.bxslider.min.js"></script>
<!-- <style>
/*首页弹出*/
.popup {
position: fixed;
background-color: rgba(0,0,0,0.5);
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9999;
}
.popup_img {
position: relative;
left: 50%;
top: 50%;
margin-top: -10.68vw;
margin-left: -17.71vw;
}
.close {
position: absolute;
right: 27.6vw;
top: 50%;
margin-top: -11.68vw;
z-index: 10000;
width: 1.875vw;
height: 1.875vw;
}
</style> -->
</head>
<body οnlοad="openwin()">
<!--top-->
<header class="header-PC header-Index">
<div id="header">
{include file="include/top" /}
{include file="include/top-header" /}
</div>
</header>
{include file="include/top-header-mobile" /}
<!--top End-->
{include file="include/banner" /}
<?php $bigbanners = getBannerList(8, 6); if ($bigbanners): ?>
<!-- phone s-->
<div class="swiper-container deimg">
<div class="swiper-wrapper">
<?php foreach ($bigbanners as $k => $banner): ?>
<div class="swiper-slide"><a href="<?php echo $banner['url']; ?>"><img src="<?php echo getImage($banner['picture']); ?>"></a></div>
<?php endforeach; ?>
</div>
<!-- Add Pagination -->
<div class="swiper-pagination bandot"></div>
</div>
<script>
var swiper = new Swiper('.deimg', {
loop: true,
autoplay: true,
pagination: {
el: '.bandot',
},
});
</script>
<!-- phone e -->
<?php endif; ?>
<!-- 品类探索 s -->
<?php if ($productCategory): ?>
<div class="lj_index_img_01">
<div class="lj_its_img">
<ul>
<?php foreach ($productCategory as $k => $pc): if ($k > 8) break; ?>
<li>
<div class="lj-port-1 effect-1">
<div class="position-r"> <a href="<?php echo url_rewrite('product', ['id' => $pc['id']]); ?>"><img src="<?php echo $pc['image']; ?>" >
<div class="groups_a"><?php echo $pc['name']; ?></div>
</a></div>
<div class="text-desc"> <a href="<?php echo url_rewrite('product', ['id' => $pc['id']]); ?>"> <img src="<?php echo getImage($pc['picture']); ?>" alt=""/> </a></div>
</div>
</li>
<?php endforeach; ?>
</ul>
</div>
<div style="clear:both"></div>
</div>
<script type="text/javascript">
var pl_length = $(".lj_its_img li").length
var pl_slier_width = $(".lj_its_img").width();
//var pl_li_width = pl_slier_width * 0.1429;
if(pl_slier_width>960){
var pl_li_width = pl_slier_width * 0.1111;
}else if(pl_slier_width<640){
var pl_li_width = pl_slier_width * 0.25;
}else{
var pl_li_width = pl_slier_width * 0.2;
}
if((pl_li_width * pl_length)>pl_slier_width){
$(document).ready(function(){
$('.lj_index_img_01 ul').bxSlider({
slideWidth: pl_li_width,
minSlides: 1,
maxSlides: 8,
moveSlides: 1,
slideMargin: 0,
auto:true,
controls:true,
pager:false,
infiniteLoop:false
});
});
}
</script>
<?php endif; ?>
<!--特色专题及公司实力-->
<div class="swt-Container">
<div class="home_new">
<ul>
<li class="img-responsive">
<a href="__ORICOROOT__/index/Group/special">
<img src="__PUBLIC__/web/images/home/special_index.jpg">
<div class="position-a position-a-w"><img src="__PUBLIC__/web/images/home/special_index_button.png"></div>
</a>
</li>
<li class="img-responsive workshop">
<div class="workshop_all f-black">
<a href="__ORICOROOT__/index/Group/odm">
<img src="__PUBLIC__/web/images/home/workshop-01.jpg">
<div class="content">
<div class="content_text">
<div class="title">品牌ODM服务</div>
<div class="subtitle">两周研发一周生产的211服务速度</div>
</div>
</div>
</a>
<a href="__ORICOROOT__/index/Group/rdcenter">
<img src="__PUBLIC__/web/images/home/workshop-02.jpg">
<div class="content">
<div class="content_text">
<div class="title">集团技术研发中心</div>
<div class="subtitle">新技术追踪钻研的力量</div>
</div>
</div>
</a>
<a href="__ORICOROOT__/index/Group/industry">
<img src="__PUBLIC__/web/images/home/workshop-03.jpg">
<div class="content">
<div class="content_text">
<div class="title">集团产业链</div>
<div class="subtitle">研发、设计、生产的全产业链实力</div>
</div>
</div>
</a>
</div>
</li>
</ul>
</div>
</div>
<!-- 聆听 s -->
<div class="swt-Container">
<div class="f_blue font-48 text-c video-index-title f_weight_600">小改变 大不同</div>
<div class="f-black font-24 text-c video-index-subtitle margin-t-10vw">Little change，big difference</div>
<div class="index-video margin-t-20vw">
<div class="video-index-image">
<img src="__PUBLIC__/web/images/home/index-video.jpg" style="position: relative; z-index: -1;">
<div class="index-video-content" >
<video controls poster="__PUBLIC__/web/images/home/index-video.jpg" width="100%" src="__PUBLIC__/web/images/home/brand-video.mp4" loop x-webkit-airplay="true" webkit-playsinline="true">
您的浏览器不支持 video 标签。
Your browser does not support HTML5 video.
</video>
</div>
</div>
</div>
<!-- 聆听 e -->
<!-- 新闻资讯 s -->
<?php
$articles = getDifferentArticle('headline', 6, ['cid' => 1]);
if ($articles):
?>
<div class="swt-Container video-index-title index_news">
<div class="f_blue font-48 text-c video-index-title">最新动态</div>
<div class="newBox">
<ul class="img-responsives">
<?php foreach ($articles as $article): ?>
<li>
<div class="left"><img src="<?php echo getImage($article['picture']); ?>"></div>
<div class="right">
<a href="<?php echo url_rewrite('articledetail', ['id' => $article['id']]); ?>"><p class="font-24 f_blue text-l" style="line-height: 1.25em;"><?php echo msubstr($article['name'], 0, 36); ?></p></a>
<p class="font-24 f-black text-l margin-t-15vw"><?php echo date('Y.m.d', $article['createtime']); ?></p>
<p class="font-9 f-black text-l padding-t-8vw" style="line-height: 2em;"><?php echo msubstr($article['description'], 0, 200); ?></p>
</div>
</li>
<?php endforeach; ?>
</ul>
</div>
</div>
<!-- 新闻资讯 e -->
<?php endif; ?>
</div>
<!-- 弹出框 S-->
<div class="popup" id="popup">
<div class="popup_img">
<a href="https://ws-orico.jd.com/"><img src="__PUBLIC__/web/images/backuper/popup.jpg"></a>
</div>
<div class="close" id="close">
<img src="__PUBLIC__/web/images/backuper/close.png">
</div>
</div>
<!-- 弹出框 E-->
<!-- bottom s -->
{include file="include/bottom" /}
{include file="include/kefu" /}
<script type="text/javascript" src="__PUBLIC__/web/scripts/bxslider/jquery.bxslider.min.js"></script>
<!-- bottom e -->
<script type="text/javascript">
//首页弹窗
function openwin()
{
$("#popup").show();
};
// //首页弹窗关闭
$("#close").click(function(){
$("#popup").hide();
});
/*新闻轮播*/
$(function(){
$('.newBox ul').bxSlider({
controls:true,
pager:true,
infiniteLoop:true,
auto:true,
pause:2000
});
});
</script>
</body>
</html>