293 lines
13 KiB
HTML
293 lines
13 KiB
HTML
|
{layout name="layout" /}
|
||
|
|
<a href="{$blocks['online_url']['value']}" class="online"><img src="__IMG__/online.png" ></a>
|
||
|
|
<div class="all-center-box">
|
||
|
|
<div class="banner-box w-100">
|
||
|
|
<div class="swiper-container">
|
||
|
|
<div class="swiper-wrapper">
|
||
|
|
{foreach :json_decode($blocks['banner']['value'],true) as $key=>$vo }
|
||
|
|
<div class="swiper-slide center-center"><img src="{$vo['src']}" ></div>
|
||
|
|
{/foreach}
|
||
|
|
</div>
|
||
|
|
<div class="swiper-page"><div class="w-1500"><div class="swiper-pagination"></div></div></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="home-box1 w-100">
|
||
|
|
<div class="top-box w-100">
|
||
|
|
<div class="w-1200">
|
||
|
|
<div class="pull-left">{$blocks['index_hotline']['value']}<span>{$blocks['index_phone']['value']}</span></div>
|
||
|
|
<form action="{:url('/article/query_article')->suffix(false)}" class="pull-right" method="get">
|
||
|
|
<input type="text" class="text" name="keyword" value="" placeholder="请搜索您需要的产品" />
|
||
|
|
<input type="submit" class="btns" value=""/>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="lower-box w-100">
|
||
|
|
<div class="w-1200 between-center">
|
||
|
|
<div class="pull-left">
|
||
|
|
<div class="box1 w-100">{$blocks['index_about']['value']}</div>
|
||
|
|
<div class="box2 w-100">
|
||
|
|
{$blocks['index_about_value']['value']}
|
||
|
|
</div>
|
||
|
|
<a href="{:url(' page/2')->suffix('html')}" class="all-more orange"><i>{$blocks['index_about_btn']['value']}</i></a>
|
||
|
|
</div>
|
||
|
|
<div class="pull-right">
|
||
|
|
<div class="center-center">
|
||
|
|
<em><img src="__IMG__/icon_2.png" ></em>
|
||
|
|
{$blocks['Fifty']['value']|raw}
|
||
|
|
<p>{$blocks['Fifty_value']['value']}</p>
|
||
|
|
</div>
|
||
|
|
<div class="center-center">
|
||
|
|
<em><img src="__IMG__/icon_2.png" ></em>
|
||
|
|
|
||
|
|
{$blocks['ten']['value']|raw}
|
||
|
|
<p>{$blocks['ten_value']['value']}</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="home-box2 w-100">
|
||
|
|
<div class="w-1200">
|
||
|
|
<ul>
|
||
|
|
<li class="active">
|
||
|
|
<div class="box-info1 center-center">
|
||
|
|
<div class="center-block">
|
||
|
|
<div class="box1 w-100"><i><img src="{$blocks['product_1fimg']['value']}" ></i><p>钣金</p></div>
|
||
|
|
<div class="box2 w-100">{$blocks['product_1f']['value']}</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="box-info2 center-center">
|
||
|
|
<div class="center-block">
|
||
|
|
<div class="box1 w-100">
|
||
|
|
<i>01</i>
|
||
|
|
<span> {$blocks['product_1']['title']}</span>
|
||
|
|
<p> {$blocks['product_1']['value']}</p>
|
||
|
|
</div>
|
||
|
|
<div class="box2 w-100">应用行业</div>
|
||
|
|
<div class="box3 w-100">
|
||
|
|
{foreach :json_decode($blocks['industry_a']['value'],true) as $key=>$vo }
|
||
|
|
<div><i><img src="{$vo['src']}" ></i><p>{$vo['alt']}</p></div>
|
||
|
|
{/foreach}
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div class="box4 w-100"><a href="{:url('/articles/16')->suffix('html')}" class="all-more white"><i>了解更多</i></a></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<div class="box-info1 center-center">
|
||
|
|
<div class="center-block">
|
||
|
|
<div class="box1 w-100"><i><img src="__IMG__/ho2_icon2.png" ></i><p>钢板</p></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="box-info2 center-center">
|
||
|
|
<div class="center-block">
|
||
|
|
<div class="box1 w-100">
|
||
|
|
<i>02</i>
|
||
|
|
<span> {$blocks['product_2']['title']}</span>
|
||
|
|
<p> {$blocks['product_2']['value']}</p> </div>
|
||
|
|
<div class="box2 w-100">应用行业</div>
|
||
|
|
<div class="box3 w-100">
|
||
|
|
{foreach :json_decode($blocks['industry_b']['value'],true) as $key=>$vo }
|
||
|
|
<div><i><img src="{$vo['src']}" ></i><p>{$vo['alt']}</p></div>
|
||
|
|
{/foreach}
|
||
|
|
</div>
|
||
|
|
<div class="box4 w-100"><a href="{:url('/articles/16')->suffix('html')}" class="all-more white"><i>了解更多</i></a></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<div class="box-info1 center-center">
|
||
|
|
<div class="center-block">
|
||
|
|
<div class="box1 w-100"><i><img src="__IMG__/ho2_icon1.png" ></i><p>钢管</p></div>
|
||
|
|
<div class="box2 w-100">{$blocks['product_3f']['value']}</div>
|
||
|
|
<div class="box3 w-100"><img src="__IMG__/icon_jt4.png" ></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="box-info2 center-center">
|
||
|
|
<div class="center-block">
|
||
|
|
<div class="box1 w-100">
|
||
|
|
<i>03</i>
|
||
|
|
<span> {$blocks['product_3']['title']}</span>
|
||
|
|
<p> {$blocks['product_3']['value']}</p> </div> </div>
|
||
|
|
<div class="box2 w-100">应用行业</div>
|
||
|
|
<div class="box3 w-100">
|
||
|
|
{foreach :json_decode($blocks['industry_c']['value'],true) as $key=>$vo }
|
||
|
|
<div><i><img src="{$vo['src']}" ></i><p>{$vo['alt']}</p></div>
|
||
|
|
{/foreach}
|
||
|
|
</div>
|
||
|
|
<div class="box4 w-100"><a href="{:url('/articles/16')->suffix('html')}" class="all-more white"><i>了解更多</i></a></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="w-1200">
|
||
|
|
<div class="home-box3 w-100">
|
||
|
|
<div class="center-block w-100">
|
||
|
|
<div class="all-title1 w-100">
|
||
|
|
<div class="pull-left"><span>新闻中心</span><a href="{:url('/articles/9')->suffix('html')}"></a></div>
|
||
|
|
</div>
|
||
|
|
<div class="box-info1">
|
||
|
|
<ul>
|
||
|
|
{php}
|
||
|
|
$news_article= \app\model\Article::getListPageByCategory(9,2);
|
||
|
|
{/php}
|
||
|
|
{foreach $news_article as $key=>$vo
|
||
|
|
}
|
||
|
|
<li>
|
||
|
|
<div class="imgs"><a href="{:url('/article')->suffix(false)}/{$vo['id']}.html"><img src="{$vo['src']}" ></a></div>
|
||
|
|
<div class="info">
|
||
|
|
<div class="box1 w-100">
|
||
|
|
<i>{:date('Y-m-d',$vo['create_time'])}</i>
|
||
|
|
<span>{$vo['title']}</span>
|
||
|
|
<p>{$vo['summary']}</p>
|
||
|
|
</div>
|
||
|
|
<a href="{:url('/article')->suffix(false)}/{$vo['id']}.html" class="all-more noBor"><i>了解更多</i></a>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
{/foreach}
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
{foreach \app\model\Article::getList(9, 1, '', ['hot']) as $item}
|
||
|
|
<div class="box-info2">
|
||
|
|
<div class="imgs"><a href="{:url('/article')->suffix(false)}/{$item['id']}.html"><img src="{$item['src']}" ></a></div>
|
||
|
|
<div class="info">
|
||
|
|
<div class="box1 w-100">
|
||
|
|
<i>{:date("Y-m-d",$item['create_time'])}</i>
|
||
|
|
<span>{$item['title']}</span>
|
||
|
|
<p>{$item['summary']}</p>
|
||
|
|
</div>
|
||
|
|
<a href="{:url('/article')->suffix(false)}/{$item['id']}.html" class="all-more noBor"><i>了解更多</i></a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{/foreach}
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="home-box4 w-100">
|
||
|
|
<div class="w-1200">
|
||
|
|
<div class="top-box w-100">
|
||
|
|
<div class="all-title1 w-100">
|
||
|
|
<div class="pull-left"><span>案例展示</span><a href="{:url('/articles/16')->suffix('html')}"></a></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{php}
|
||
|
|
$case= app\model\Category::alias('c')
|
||
|
|
->leftJoin('model m', 'c.model_id=m.id')
|
||
|
|
->field('c.*, m.manager, m.template, m.name as modelName')
|
||
|
|
->where('c.parent_id', 10)
|
||
|
|
->order('c.sort','asc')
|
||
|
|
->select()
|
||
|
|
->toArray();
|
||
|
|
{/php}
|
||
|
|
<div class="lower-box w-100 div-pc">
|
||
|
|
<div class="pull-left">
|
||
|
|
|
||
|
|
{foreach $case as $item}
|
||
|
|
<div class="center-block w-100">
|
||
|
|
<div class="box1 w-100">{$item["title"]}</div>
|
||
|
|
<div class="box2 w-100">
|
||
|
|
{$item["description"]}
|
||
|
|
</div>
|
||
|
|
<a href="{:getUri($item)}" class="all-more white"><i>了解更多</i></a>
|
||
|
|
</div>
|
||
|
|
{/foreach}
|
||
|
|
</div>
|
||
|
|
<div class="pull-right center-center">
|
||
|
|
<ul>
|
||
|
|
|
||
|
|
{foreach $case as $item}
|
||
|
|
<li><a href="{:getUri($item)}">{$item["title"]}</a></li>
|
||
|
|
{/foreach}
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="lower-box w-100 div-phone">
|
||
|
|
<div class="pull-left">
|
||
|
|
<div class="swiper-container w-100">
|
||
|
|
<div class="swiper-wrapper">
|
||
|
|
{foreach $case as $item}
|
||
|
|
<div class="swiper-slide">
|
||
|
|
<div class="center-block w-100">
|
||
|
|
<div class="box1 w-100">{$item["title"]}</div>
|
||
|
|
<div class="box2 w-100">
|
||
|
|
{$item["description"]}
|
||
|
|
</div>
|
||
|
|
<a href="{:getUri($item)}" class="all-more white"><i>了解更多</i></a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{/foreach}
|
||
|
|
</div>
|
||
|
|
<div class="swiper-pagination"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<script type="text/javascript">
|
||
|
|
var swiper = new Swiper('.home-box4 .lower-box.div-phone .swiper-container', {
|
||
|
|
loop:true,
|
||
|
|
speed:800,
|
||
|
|
autoplay:true,
|
||
|
|
spaceBetween: 10,
|
||
|
|
pagination: {
|
||
|
|
el: '.home-box4 .lower-box.div-phone .swiper-pagination',
|
||
|
|
},
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="home-box5 w-100">
|
||
|
|
<div class="w-1200">
|
||
|
|
<div class="center-block w-100">
|
||
|
|
<div class="all-title1 w-100">
|
||
|
|
<div class="pull-left"><span>公司地址</span><a href="{:url('/page/11')->suffix('html')}"></a></div>
|
||
|
|
</div>
|
||
|
|
<div class="box-info">
|
||
|
|
<div class="imgs w-100"><img src="__IMG__/img_2.png" ></div>
|
||
|
|
<div class="info w-100">
|
||
|
|
<span>{$system.company_name}</span>
|
||
|
|
<p class="icon1">联系电话：{$system.company_tel}</p>
|
||
|
|
<p class="icon2">公司地址：{$system.company_addr}</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<script>
|
||
|
|
var swiper = new Swiper('.banner-box .swiper-container', {
|
||
|
|
loop: true,
|
||
|
|
speed: 1000,
|
||
|
|
autoplay: {
|
||
|
|
delay: 6000,
|
||
|
|
disableOnInteraction: false,
|
||
|
|
},
|
||
|
|
navigation: {
|
||
|
|
nextEl: '.banner-box .swiper-button-next',
|
||
|
|
prevEl: '.banner-box .swiper-button-prev',
|
||
|
|
},
|
||
|
|
pagination :{
|
||
|
|
el: '.banner-box .swiper-pagination',
|
||
|
|
clickable :true,
|
||
|
|
},
|
||
|
|
on:{
|
||
|
|
init: function(){
|
||
|
|
|
||
|
|
},
|
||
|
|
transitionEnd: function(){
|
||
|
|
$('.banner-box .swiper-container .swiper-slide .w-1500').eq(this.activeIndex).addClass('active')
|
||
|
|
},
|
||
|
|
transitionStart: function(){
|
||
|
|
$('.banner-box .swiper-container .swiper-slide .w-1500').removeClass('active')
|
||
|
|
},
|
||
|
|
}
|
||
|
|
});
|
||
|
|
</script>
|