init
This commit is contained in:
176
app/th/view/index.phtml
Executable file
176
app/th/view/index.phtml
Executable file
@@ -0,0 +1,176 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
{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>
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!--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 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="image-box"> <a href="__ORICOROOT__<?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="__ORICOROOT__<?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.1111111111111111;
|
||||
}else if(pl_slier_width<640){
|
||||
var pl_li_width = pl_slier_width * 0.3333;
|
||||
}else{
|
||||
var pl_li_width = pl_slier_width * 0.25;
|
||||
}
|
||||
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__/Group/special">
|
||||
<img src="__PUBLIC__/web/images/home/special_index.jpg">
|
||||
<div class="position-a position-a-w"><img src="__PUBLIC__/weben/images/home/special_index_button.png"></div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="img-responsive workshop">
|
||||
<div class="workshop_all f-black">
|
||||
<a href="__ORICOROOT__/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 (2 สัปดาห์ R&D, 1 สัปดาห์ผลิต)</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="__ORICOROOT__/Group/rdcenter">
|
||||
<img src="__PUBLIC__/web/images/home/workshop-02.jpg">
|
||||
<div class="content">
|
||||
<div class="content_text">
|
||||
<div class="title">ศูนย์รวม R&D</div>
|
||||
<div class="subtitle">เทคโนโลยีที่ได้จากความทุ่มเทเต็มกำลัง</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="__ORICOROOT__/Group/industry">
|
||||
<img src="__PUBLIC__/web/images/home/workshop-03.jpg">
|
||||
<div class="content">
|
||||
<div class="content_text">
|
||||
<div class="title">การออกแบบ Suplly Chain ยุคใหม่</div>
|
||||
<div class="subtitle">ทีม R&D ทำงานอย่างใกล้ชิดชร่วมกับ การออกแบบและการผลิตทั้งระบบ</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">Little Change Big Difference</div>
|
||||
<div class="index-video margin-t-20vw margin-b-5">
|
||||
<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__/weben/images/home/brand-video.mp4" loop="loop" x-webkit-airplay="true" webkit-playsinline="true">
|
||||
您的浏览器不支持 video 标签。
|
||||
Your browser does not support HTML5 video.
|
||||
</video>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 聆听 e -->
|
||||
|
||||
</div>
|
||||
<script>
|
||||
/*特色专题轮播*/
|
||||
$(function(){
|
||||
$('.slider').bxSlider({
|
||||
pager:true,
|
||||
infiniteLoop:true,
|
||||
auto:true,
|
||||
pause:2000
|
||||
});
|
||||
});</script>
|
||||
<!-- bottom s -->
|
||||
{include file="include/bottom" /}
|
||||
{include file="include/kefu" /}
|
||||
<!-- bottom e -->
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user