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

416
app/mobile/view/index.phtml Executable file
View File

@@ -0,0 +1,416 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ORICO官网|数据线|硬盘盒|电脑配件|插线板</title>
<meta name="Keywords" content="Computer Peripheral, Phone Peripheral, Electronics ">
<meta name="Description" content="Online Shopping for reputable consumer electronics. High quality, fast shipping, affordable prices, sold in over 100 countries, and thousands of reviews.">
{include file="include/head" /}
<script type="text/javascript">
var navID = "1";
</script>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/m_weben/css/animate.min.css" />
<script type="text/javascript" src="__PUBLIC__/m_weben/js/jquery-1.8.3.min.js"></script>
<script src="__PUBLIC__/m_weben/js/wow.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/m_weben/js/bxslider/jquery.bxslider.min.js"></script>
<script src="__PUBLIC__/m_weben/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="__PUBLIC__/m_weben/js/modernizr.js"></script>
<script src="__PUBLIC__/m_weben/js/jquery.mobile.custom.min.js"></script>
<script src="__PUBLIC__/m_weben/js/main.js"></script>
<script src="__PUBLIC__/m_weben/js/resize.js"></script>
</head>
<script>
new WOW().init();
var path ="__ORICOROOT__";
</script>
<body οnlοad="openwin()">
<div id="content">
<!--头部-->
{include file="include/top_back" /}
<!--banner-->
{include file="include/banner" /}
<!--类别-->
<?php
$categoryList = getBannerList(92, 5);
if ($categoryList):
?>
<div class="bg-w">
<div class="m_Container">
<div class="swiper-container" id="case4">
<div class="swiper-wrapper">
<?php foreach ($categoryList as $k => $category): ?>
<div class="swiper-slide img-icon">
<a href="<?php echo $category['url']; ?>">
<img src="<?php echo getImage($category['picture']); ?>">
<p><?php echo $category['name']; ?></p>
</a>
</div>
<?php endforeach; ?>
</div>
<!-- 分页器 -->
<div class="swiper-pagination"></div>
</div>
</div>
</div>
<?php endif; ?>
<!--广告-->
<?php
$collectionList = getBannerList(102, 3);
if ($collectionList):
?>
<?php foreach ($collectionList as $kc => $collection): ?>
<div class="index-img">
<img src="<?php echo getImage($collection['picture']); ?>">
<div class="Innew-text wow animated bounceInLeft" data-wow-delay="1s">
<p class="title"> <?php echo $collection['name']; ?></p>
<div class="more">
<a href="<?php echo $collection['url']; ?>" target="_blank">
查看所有
<i class="icon-right-svg"></i>
</a>
</div>
</div>
</div>
<?php endforeach; ?>
<?php endif; ?>
<!--Featured Products-->
<?php
if (!empty($recomment_items)):
?>
<div class="Inpro-text">
<p class="title"> 明星产品/热点产品</p>
</div>
<div class="m_Container">
<div class="swiper-container" id="case5">
<div class="swiper-wrapper text_center">
<?php foreach ($recomment_items as $kr => $item): ?>
<div class="swiper-slide inproimg">
<a href="__ORICOROOT__/product/detail/id/<?php echo $item['id']; ?>"><img class="inproimg_img" src="<?php echo getImage($item['list_bk_img']); ?>"></a>
<div class="inprotext">
<p class="text_center title"><?php echo $item['name']; ?></p>
<p class="t-f16"><?php echo $item['shortname']; ?></p>
<p class="timeblue">
<a href="__ORICOROOT__/product/detail/id/<?php echo $item['id']; ?>">
了解更多
<img src="__PUBLIC__/m_weben/images/more-r.png">
</a>
</p>
</div>
</div>
<?php endforeach; ?>
</div>
<!-- <div class="inpro-text">
<p class="more">View all
<img src="__PUBLIC__/m_weben/images/more.png">
</p>
</div> -->
</div>
</div>
<?php endif; ?>
<!--专题图片展示-->
<?php
$recomendList = getBannerList(103, 1);
if ($recomendList):
?>
<?php
foreach ($recomendList as $kr => $recomend):
$styles='top';
if($recomend['style']==3) {
$styles='right';
}
elseif($recomend['style']==2){
$styles='left';
}
elseif($recomend['style']==4){
$styles='bottom';
}
?>
<div class="vedio_in">
<img src="<?php echo $recomend["picture"]; ?>">
<iframe class="margin-top-20" width="100%" style="z-index:9999;" src="<?php echo $recomend['videourl']; ?>" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen id="videoElement"></iframe>
<!-- <div class="position_a text_center" style="color:#<?php echo $recomend['alt']; ?>">
<p class=" margin-top-70 f_weight_500 timetitle"><?php echo $recomend['name']; ?> </p>
<p class=" margin-top-14 f_weight_100 timedesin"><?php echo $recomend['description']; ?></p>
<p class=" margin-top-20 f_weight_100 ">
<span class="timeblue">Learn More
<img src="__PUBLIC__/m_weben/images/more-r.png">
</span>
</p>
</div> -->
</div>
<?php endforeach; ?>
<?php endif; ?>
<?php
$hotList = getBannerList(104, 4);
//echo "<pre>=="; print_r($hotList);
if ($hotList):
?>
<?php foreach ($hotList as $kh => $hot): ?>
<div class="indocking">
<a href="<?php echo $hot['url']; ?>"><img src="<?php echo $hot["picture"]; ?>"></a>
<div class="position_a text_center wow animated bounceInLeft" data-wow-delay="1s" style="color:<?php echo $hot['alt']; ?>">
<p class="f_weight_500 timetitle"><?php echo $hot['name']; ?> </p>
<p class=" margin-top-14 f_weight_100 timedesin"><?php echo $hot['description']; ?></p>
<p class=" margin-top-20 f_weight_100">
<a href="<?php echo $hot['url']; ?>" class="timeblue">
了解更多
<img src="__PUBLIC__/m_weben/images/more-r.png">
</a>
</p>
</div>
</div>
<?php endforeach; ?>
<?php endif; ?>
<!--遮罩图片效果-->
<div class="Tech-text">
<h3>Orico 技术</h3>
<p>强大功能、简单使用</p>
<p class="timeblue">
<a href="#">了解更多
<img src="__PUBLIC__/m_weben/images/more-r.png">
</a>
</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" style="--text-color: 255 255 255;">
<img src="__PUBLIC__/m_weben/images/back-img01.jpg">
<div class="resize">
<img src="__PUBLIC__/m_weben/images/back-img02.jpg">
</div>
<span class="handle"></span>
</div>
</div>
</div>
</div>
<!--时间轴效果-->
<?php
$brandList = getBannerList(105, 3);
if ($brandList):
?>
<section class="cd-horizontal-timeline">
<div class="events-content">
<ul>
<?php foreach ($brandList as $kb => $brand): ?>
<li <?php if($kb==0):?>class="selected"<?php endif; ?> data-date="16/01/<?php echo $brand['sort']; ?>">
<img src="<?php echo $brand['picture']; ?>">
<div class="position_a text_center">
<p class=" timetitle"><?php echo $brand['name']; ?> </p>
<p class=" margin-top-14 f_weight_100 timedesin"><?php echo $brand['description']; ?></p>
<p class=" margin-top-20 f_weight_100">
<span class=" timeblue" >
<a href="<?php echo $brand['url']; ?>">
了解更多
<img src="__PUBLIC__/m_weben/images/more-r.png">
</a>
</span>
</p>
</div>
</li>
<?php endforeach; ?>
</ul>
</div>
<!-- .events-content -->
<div class="timeline">
<div class="events-wrapper">
<div class="events">
<ol>
<?php foreach ($brandList as $kd => $itm): ?>
<li>
<a href="#0" data-date="16/01/<?php echo $itm['sort']; ?>" <?php if($kd==0):?>class="selected selected1"<?php endif; ?>></a>
<!--<?php echo $itm['sort']; ?>-->
</li>
<?php endforeach; ?>
</ol>
<span class="filling-line" aria-hidden="true"></span>
</div>
</div>
</div>
</section>
<?php endif; ?>
<!--number-->
<?php
$dataList = getBannerList(99, 3);
if ($dataList):
?>
<div class="num-bg clearfix">
<ul>
<?php foreach ($dataList as $kd => $feed): ?>
<li>
<h3><?php echo $feed['name']; ?></h3>
<p><?php echo $feed['description']; ?></p>
</li>
<?php endforeach; ?>
</ul>
</div>
<?php endif; ?>
<!--图片切换-->
<?php
//$newsList = getBannerList(88, 10);
//$blog_list = getBlogList();
if ($blog_list):
?>
<div class="swiper-container" id="case7">
<div class="swiper-wrapper">
<?php foreach ($blog_list as $kc => $news): ?>
<div class="swiper-slide ">
<a href="<?php echo '/mobile/article/detail/'.$news['id'];?>.html">
<div class="title pos-text"><?php echo $news['name']; ?></div>
<img src="<?php echo $news['picture']; ?>">
</a>
</div>
<?php endforeach; ?>
</div>
<!-- 分页器 -->
<div class="swiper-pagination"></div>
</div>
<?php endif; ?>
<?php
if ($faqData):
?>
<div class="faq">
<div class="faq-title ">
<h3>常见问题</h3>
<h5>回答您最关心的问题</h5>
<p>客服团队的工作时间：周一到周五，早9点到晚6点 平均应答时间：24小时内</p>
</div>
<?php foreach ($faqData as $kf => $faq): ?>
<dl>
<dt class="cursor_p"><?php echo $faq['name']; ?><i class="rotate icon-add-svg"></i>
</dt>
<dd><?php echo str_replace("\r",'',nl2br($faq['content'])); ?></dd>
</dl>
<?php endforeach; ?>
</div>
<?php endif; ?>
{include file="include/bottom1" /}
</div>
<script type="text/javascript">
$(document).ready(function() {
$(".faq dt").on("click", function(){
var faqStatus = $(this).find("i").hasClass('icon-jian-svg');
if(faqStatus){
$(".rotate").removeClass('icon-jian-svg');
$(".faq dd").hide();
$(this).find("i").addClass('icon-jian-svg');
$(this).next().show(); }
else{
$(".rotate").removeClass('icon-jian-svg');
}
});
});
/*banner*/
$(function(){
$('.banner_list').bxSlider({
});
});
/*banner*/
$(function(){
$('.news_list').bxSlider({
speed:5,
auto:true,
pager:false,
});
});
/* 幻灯片轮播*/
var mySwiper4 = new Swiper("#case4",{
loop : false, //允许从第一张到最后一张，或者从最后一张到第一张 循环属性
slidesPerView :5, // 设置显示四张
centeredSlides : true, //使当前图片居中显示
centeredSlidesBounds: true, //使左右两边的图片始终贴合边缘
/* slidesOffsetBefore : 100, //偏移，使第一张图片向右偏移100px */
autoplay: false,//可选选项，自动滑动
initialSlide :0,//默认显示第二张图片索引从0开始
speed:2000,//设置过度时间
/* grabCursor: true,//鼠标样式根据浏览器不同而定 */
autoplay :true, /* 设置每隔3000毫秒切换 */
});
/* 产品图片轮播*/
var mySwiper4 = new Swiper("#case5",{
loop : true, //允许从第一张到最后一张，或者从最后一张到第一张 循环属性
slidesPerView :2, // 设置显示一张
centeredSlides : true, //使当前图片居中显示
centeredSlidesBounds: true, //使左右两边的图片始终贴合边缘
/* slidesOffsetBefore : 100, //偏移，使第一张图片向右偏移100px */
autoplay: true,//可选选项，自动滑动
initialSlide :0,//默认显示第二张图片索引从0开始
speed:2000,//设置过度时间
/* grabCursor: true,//鼠标样式根据浏览器不同而定 */
autoplay :false, /* 设置每隔3000毫秒切换 */
});
/* 覆盖流3d切换 */
var mySwiper = new Swiper('#case7', {
loop : true, //允许从第一张到最后一张，或者从最后一张到第一张 循环属性
effect : 'coverflow', //轮播效果，coverflow覆盖流效果
slidesPerView :2,
centeredSlides: true,
slidesOffsetBefore : 0,//偏移，使第一张图片向右偏移150px */
autoplay: true, //可选选项，自动滑动
// initialSlide :1,//默认显示第二张图片索引从0开始
speed:2000,//设置过度时间
/* grabCursor: true,//鼠标样式根据浏览器不同而定 */
autoplay :true, /* 设置每隔3000毫秒切换 */
pagination: {
el: '.swiper-pagination',
clickable :true, /* 可点击切换 */
dynamicBullets: true, /* 动力球样式 */
},
});
</script>
<script type="text/javascript" src="__PUBLIC__/m_weben/js/before-after.min.js"></script>
<script type="text/javascript">
$(function () {
$('.before-after').beforeAfter();
});
</script>
<!--视频播放-->
<script>
$(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");
});
})
</script>
<style>
.selected1{
margin-bottom: 20px;
}
.inproimg_img{
width: 180px !important;
}
</style>
</body>
</html>