feat: 模板区分pc与mobile
This commit is contained in:
99
app/index/view/pc/about_us/culture.html
Normal file
99
app/index/view/pc/about_us/culture.html
Normal file
@@ -0,0 +1,99 @@
|
||||
{extend name="public/base" /}
|
||||
{block name="title"}
|
||||
{notempty name=":lang('aboutus_culture.title')"}<title>{:lang('aboutus_culture.title')}</title>
|
||||
{else/}{__BLOCK__}{/notempty}
|
||||
{/block}
|
||||
{block name="style"}
|
||||
<link rel="stylesheet" type="text/css" href="__CSS__/aboutus_culture.css" />
|
||||
<link rel="stylesheet" type="text/css" href="__CSS__/animate.min.css" />
|
||||
{/block}
|
||||
{block name="main"}
|
||||
<div class="culture_top">
|
||||
{notempty name="focus_image"}
|
||||
{notempty name="focus_image.link"}
|
||||
<a href="{$focus_image.link}">
|
||||
<img src="{$focus_image.image}" />
|
||||
</a>
|
||||
{else/}
|
||||
<img src="{$focus_image.image}" />
|
||||
{/notempty}
|
||||
{notempty name="culture"}
|
||||
<div class="culture_bril_con swt-Container">
|
||||
{volist name="culture" id="cul" offset="0" length="3"}
|
||||
<div class="culture_bril_div">
|
||||
<div class="iconimg"><img src="{$cul.image}" /></div>
|
||||
<div class="title">
|
||||
<p>{$cul.title}</p>
|
||||
</div>
|
||||
<div class="subtitle">{$cul.desc|raw}</div>
|
||||
</div>
|
||||
{/volist}
|
||||
</div>
|
||||
{/notempty}
|
||||
</div>
|
||||
{notempty name="culture"}
|
||||
<div class="culture_vision">
|
||||
<div class="swt-Container">
|
||||
<div class="title">
|
||||
<!--Vision and Mission-->
|
||||
</div>
|
||||
{volist name="culture" id="cul" key="k" offset="3" mod="2"}
|
||||
{eq name="mod" value="1"}
|
||||
<div class="swt-Table img-responsive">
|
||||
<div id="tab{$k}" class="Table-Row">
|
||||
<div class="Table-Cell left"><img src="{$cul.image}" /></div>
|
||||
<div class="Table-Cell center"></div>
|
||||
<div class="Table-Cell right">
|
||||
<p class="subtitle">{$cul.title}</p>
|
||||
<p class="des">{$cul.desc|raw}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{else /}
|
||||
<div class="swt-Table img-responsive culture_vision_02">
|
||||
<div id="tab{$k}" class="Table-Row">
|
||||
<div class="Table-Cell left">
|
||||
<p class="subtitle">{$cul.title}</p>
|
||||
<p class="des">{$cul.desc|raw}</p>
|
||||
</div>
|
||||
<div class="Table-Cell center"></div>
|
||||
<div class="Table-Cell right"><img src="{$cul.image}" /></div>
|
||||
</div>
|
||||
</div>
|
||||
{/eq}
|
||||
{/volist}
|
||||
</div>
|
||||
</div>
|
||||
{/notempty}
|
||||
{/block}
|
||||
{block name="script"}
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
$('.culture_bril_div').addClass('animated fadeInUp');
|
||||
|
||||
var myelement = $('#tab1'); // the element to act on if viewable
|
||||
goScroll(myelement);
|
||||
var myelement2 = $('#tab2'); // the element to act on if viewable
|
||||
goScroll(myelement2);
|
||||
var myelement3 = $('#tab3'); // the element to act on if viewable
|
||||
goScroll(myelement3);
|
||||
|
||||
function goScroll(obj){
|
||||
$(window).scroll(function() {
|
||||
if(isScrolledIntoView(obj)) {
|
||||
$(obj).find('.left').addClass('animated fadeInLeft');
|
||||
$(obj).find('.right').addClass('animated fadeInRight');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function isScrolledIntoView(elem) {
|
||||
var docViewTop = $(window).scrollTop();
|
||||
var docViewBottom = docViewTop + $(window).height();
|
||||
var elemTop = $(elem).offset().top;
|
||||
var elemBottom = elemTop + $(elem).height();
|
||||
return (elemTop <= docViewBottom);
|
||||
}
|
||||
});
|
||||
</script>
|
||||
{/block}
|
||||
65
app/index/view/pc/about_us/introduction.html
Normal file
65
app/index/view/pc/about_us/introduction.html
Normal file
@@ -0,0 +1,65 @@
|
||||
{extend name="public/base" /}
|
||||
{block name="title"}
|
||||
{notempty name=":lang('aboutus_introduction.title')"}<title>{:lang('aboutus_introduction.title')}</title>{else/}{__BLOCK__}{/notempty}
|
||||
{/block}
|
||||
{block name="style"}
|
||||
<link rel="stylesheet" href="__CSS__/aboutus_introduction.css" />
|
||||
{/block}
|
||||
{block name="main"}
|
||||
<div class="orico_Page_introduction">
|
||||
<!-- 内容-->
|
||||
<div class="introductionMain">
|
||||
<div class="iotbpage">
|
||||
{notempty name="focus_image"}
|
||||
<img src="{$focus_image.image}" alt="" class="bdimg1">
|
||||
{/notempty}
|
||||
<div class="iotb_bgw">
|
||||
<h1 class="iotbt1">{:lang('aboutus_introduction.section_why_title')}</h1>
|
||||
<div class="iotb_part1">
|
||||
{notempty name="why"}
|
||||
{volist name="why" id="wh"}
|
||||
<div class="iotb_p1_item">
|
||||
<img src="{$wh.image}" alt="" class="iotbic1">
|
||||
<p class="iotbtp1">{$wh.title}</p>
|
||||
<span class="iotbts1">{$wh.desc|raw}</span>
|
||||
</div>
|
||||
{/volist}
|
||||
{/notempty}
|
||||
</div>
|
||||
</div>
|
||||
<div class="iotb_part2" style="background: #fff;">
|
||||
<h1 class="iotbt1">{:lang('aboutus_introduction.section_service_title')}</h1>
|
||||
{notempty name="service"}
|
||||
{volist name="service" id="se"}
|
||||
<div class="fdimgs">
|
||||
{volist name="se" id="s"}
|
||||
<div class="fdimgs-div">
|
||||
<img src="{$s.image}" alt="" class="fbit">
|
||||
<div class="fdimgs-div-span"></div>
|
||||
<span>{$s.title}</span>
|
||||
</div>
|
||||
{/volist}
|
||||
</div>
|
||||
{/volist}
|
||||
{/notempty}
|
||||
</div>
|
||||
</div>
|
||||
<div class="iotb_part2" style="padding-bottom:0;background: #f2f2f2;">
|
||||
<h1 class="iotbt1">{:lang('aboutus_introduction.section_difference_title')}</h1>
|
||||
{notempty name="difference"}
|
||||
{volist name="difference" id="diff"}
|
||||
<div class="fdimgs fdimgs1">
|
||||
{volist name="diff" id="di"}
|
||||
<div class="fdimgs-div">
|
||||
<img src="{$di.image}" alt="" class="fbit">
|
||||
<div class="fdimgs-div-span"></div>
|
||||
<span>{$di.title}</span>
|
||||
</div>
|
||||
{/volist}
|
||||
</div>
|
||||
{/volist}
|
||||
{/notempty}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/block}
|
||||
96
app/index/view/pc/about_us/mileage.html
Normal file
96
app/index/view/pc/about_us/mileage.html
Normal file
@@ -0,0 +1,96 @@
|
||||
{extend name="public/base" /}
|
||||
{block name="style"}
|
||||
<link rel="stylesheet" href="__CSS__/achievement.css" />
|
||||
{/block}
|
||||
{block name="main"}
|
||||
<div class="orico_Page_achievement">
|
||||
<div class="achievementMain">
|
||||
<img src="__IMAGES__/Achievement.png" class="acvImg" />
|
||||
<div class="achInfo">
|
||||
<div class="title">{:lang('aboutus_mileage.achievement')}</div>
|
||||
{notempty name="achievement"}
|
||||
<div class="achNums">
|
||||
{volist name="achievement" id="ac"}
|
||||
<div class="achive_shuju">
|
||||
<div class="title1" {notempty name="ac.desc_txt_color"}style="color:{$ac.desc_txt_color};"{/notempty}>{$ac.desc|raw}</div>
|
||||
<div class="subtitle1" {notempty name="ac.title_txt_color"}style="color:{$ac.title_txt_color};"{/notempty}>{$ac.title}</div>
|
||||
</div>
|
||||
{/volist}
|
||||
</div>
|
||||
{/notempty}
|
||||
</div>
|
||||
<div class="achTimes">
|
||||
{notempty name="events"}
|
||||
<div class="timecontent">
|
||||
<div class="title">{:lang('aboutus_mileage.events')}</div>
|
||||
<div class="timelist">
|
||||
<div class="timeline-time">
|
||||
<ul class="event_year">
|
||||
{volist name="events" id="ev" key="k"}
|
||||
<li {eq name="k" value="1"}class="current"{/eq}>
|
||||
<label for="{$ev.title}" {notempty name="ev.title_txt_color"}style="color:{$ev.title_txt_color};"{/notempty}>{$ev.title}</label>
|
||||
</li>
|
||||
{/volist}
|
||||
</ul>
|
||||
</div>
|
||||
<div class="timeline-con">
|
||||
<div class="con_event_list">
|
||||
<ul class="event_list">
|
||||
{volist name="events" id="ev" key="k"}
|
||||
<div style="overflow: hidden; color: black;">
|
||||
<h3
|
||||
id="{$ev.title}"
|
||||
{eq name="k" value="1"}class="backgroundimg"{/eq}
|
||||
{notempty name="ev.title_txt_color"}style="color:{$ev.title_txt_color};"{/notempty}
|
||||
>
|
||||
{$ev.title}
|
||||
</h3>
|
||||
<li {notempty name="ev.desc_txt_color"}style="color:{$ev.desctxt_color};"{/notempty}>{$ev.desc|raw}</li>
|
||||
</div>
|
||||
{/volist}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/notempty}
|
||||
</div>
|
||||
<div class="tech">
|
||||
{notempty name="development"}
|
||||
<div class="techcontent">
|
||||
<div class="title">{:lang('aboutus_mileage.development')}</div>
|
||||
{volist name="development" id="de"}
|
||||
<div class="techcon ">
|
||||
<div class="text">
|
||||
<img src="__IMAGES__/lichengbei.png">
|
||||
<div class="year" {notempty name="de.title_txt_color"}style="color:{$de.title_txt_color};"{/notempty}>{$de.title}</div>
|
||||
<div class="context" {notempty name="de.desc_txt_color"}style="color:{$de.desctxt_color};"{/notempty}>{$de.desc|raw}</div>
|
||||
</div>
|
||||
<div class="tech-img">
|
||||
<img src="{$de.image}" />
|
||||
</div>
|
||||
</div>
|
||||
{/volist}
|
||||
</div>
|
||||
{/notempty}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/block}
|
||||
{block name="script"}
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$('label').click(function() {
|
||||
$('.event_year>li').removeClass('current');
|
||||
$(this).parent('li').addClass('current');
|
||||
var year = $(this).attr('for');
|
||||
$('#' + year).parent().prevAll('div').slideUp(800);
|
||||
$('#' + year).parent().slideDown(800).nextAll('div').slideDown(800);
|
||||
$('#' + year).parent().css('color', "red").nextAll('div').css('color', "black")
|
||||
//
|
||||
$("h3").removeClass('backgroundimg')
|
||||
$('#' + year).addClass('backgroundimg')
|
||||
});
|
||||
});
|
||||
</script>
|
||||
{/block}
|
||||
102
app/index/view/pc/about_us/policy.html
Normal file
102
app/index/view/pc/about_us/policy.html
Normal file
@@ -0,0 +1,102 @@
|
||||
{extend name="public/base" /}
|
||||
{block name="title"}
|
||||
<title>{:lang('aboutus_policy.title')}</title>
|
||||
{/block}
|
||||
{block name="style"}
|
||||
<link rel="stylesheet" href="__CSS__/aboutus_policy.css">
|
||||
{/block}
|
||||
{block name="main"}
|
||||
<div class="orico_Page_policy">
|
||||
<!-- 内容-->
|
||||
<div class="ctmain">
|
||||
{notempty name="policy.focus_image"}
|
||||
<div class="img-responsive">
|
||||
{notempty name="policy.focus_image.link"}
|
||||
<a href="{$policy.focus_image.link}"><img src="{$policy.focus_image.image}" /></a>
|
||||
{else/}
|
||||
<img src="{$policy.focus_image.image}" />
|
||||
{/notempty}
|
||||
</div>
|
||||
{/notempty}
|
||||
<div class="lj_sale_policy">{:lang('aboutus_policy.banner_1_title')}</div>
|
||||
<div class="lj_sale_t">{:lang('aboutus_policy.banner_1_desc')}</div>
|
||||
<div class="swt-Container">
|
||||
<div class="lj_icon_l clearfix">
|
||||
{notempty name="policy.banner_1"}
|
||||
<ul>
|
||||
{volist name="policy.banner_1" id="b1"}
|
||||
<li>
|
||||
<div class="lj_icon_left"><img src="{$b1.image}" /></div>
|
||||
<div class="lj_text_right">
|
||||
<div class="lj_h3">{$b1.title}</div>
|
||||
<div class="lj_des">{$b1.desc|raw}</div>
|
||||
</div>
|
||||
</li>
|
||||
{/volist}
|
||||
</ul>
|
||||
{/notempty}
|
||||
</div>
|
||||
{notempty name="policy.banner_2"}
|
||||
{volist name="policy.banner_2" id="b2"}
|
||||
<div class="lj_bg_i clearfix">
|
||||
<div class="lj_img_l"><img src="{$b2.image}" /></div>
|
||||
<div class="lj_text_r">
|
||||
<div class="lj_h3">{$b2.title}</div>
|
||||
<div class="lj_des">{$b2.desc|raw}</div>
|
||||
</div>
|
||||
</div>
|
||||
{/volist}
|
||||
{/notempty}
|
||||
<div class="lj_three_policy">{:lang('aboutus_policy.banner_3_title')}</div>
|
||||
<div class="lj_t_small">{:lang('aboutus_policy.banner_3_desc')}</div>
|
||||
<div class="lj_policy_icon clearfix">
|
||||
{notempty name="policy.banner_3"}
|
||||
<ul>
|
||||
{volist name="policy.banner_3" id="b3"}
|
||||
<li>
|
||||
<div class="lj_icon05"><img src="{$b3.image}" /></div>
|
||||
<div class="lj_icon05_text">{$b3.title}</div>
|
||||
</li>
|
||||
{/volist}
|
||||
</ul>
|
||||
{/notempty}
|
||||
</div>
|
||||
{notempty name="policy.banner_4"}
|
||||
{volist name="policy.banner_4" id="b4"}
|
||||
<div class="lj_bg_i clearfix">
|
||||
<div class="lj_img_l"><img src="{$b4.image}" /></div>
|
||||
<div class="lj_text_r">
|
||||
<div class="lj_h3">{$b4.title}</div>
|
||||
<div class="lj_des">{$b4.desc|raw}</div>
|
||||
</div>
|
||||
</div>
|
||||
{/volist}
|
||||
{/notempty}
|
||||
<div class="lj_three_policy">{:lang('aboutus_policy.banner_5_title')}</div>
|
||||
<div class="lj_policy_four clearfix">
|
||||
{notempty name="policy.banner_5"}
|
||||
<ul>
|
||||
{volist name="policy.banner_5" id="b5"}
|
||||
<li>
|
||||
<div class="lj_icon05"><img src="{$b5.image}" /></div>
|
||||
<div class="lj_icon05_text">{$b5.title}</div>
|
||||
</li>
|
||||
{/volist}
|
||||
</ul>
|
||||
{/notempty}
|
||||
</div>
|
||||
{notempty name="policy.banner_6"}
|
||||
{volist name="policy.banner_6" id="b6"}
|
||||
<div class="lj_bg_i lj_mar_5 clearfix">
|
||||
<div class="lj_img_l"><img src="{$b6.image}" /></div>
|
||||
<div class="lj_text_r">
|
||||
<div class="lj_h3">{$b6.title}</div>
|
||||
<div class="lj_des">{$b6.desc|raw}</div>
|
||||
</div>
|
||||
</div>
|
||||
{/volist}
|
||||
{/notempty}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/block}
|
||||
43
app/index/view/pc/about_us/story.html
Normal file
43
app/index/view/pc/about_us/story.html
Normal file
@@ -0,0 +1,43 @@
|
||||
{extend name="public/base" /}
|
||||
{block name="style"}
|
||||
<link rel="stylesheet" href="__CSS__/brand.css" />
|
||||
{/block}
|
||||
{block name="main"}
|
||||
<div class="orico_Page_brand">
|
||||
<!--内容 -->
|
||||
<div class="brandMain">
|
||||
<img src="__IMAGES__/OurBrand.png" class="img-responsive" />
|
||||
{notempty name="banners"}
|
||||
<div class="our_brand_con">
|
||||
{volist name="banners" id="ba" offset="0" length="2"}
|
||||
<div class="our_brand_bg">
|
||||
<div class="vtext ">
|
||||
<div class="Table-Cell left animated fadeInLeft">
|
||||
<p class="title" {notempty name="ba.title_txt_color"}style="color:{$ba.title_txt_color};"{/notempty}>{$ba.title}</p>
|
||||
<hr>
|
||||
<div {notempty name="ba.desc_txt_color"}style="color:{$ba.desc_txt_color};"{/notempty}>{$ba.desc|raw}</div>
|
||||
</div>
|
||||
<div class="Table-Cell right animated fadeInRight">
|
||||
<img src="{$ba.image}" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/volist}
|
||||
</div>
|
||||
<div class="dis_bril_bg">
|
||||
<div class="dis_bril_con ">
|
||||
{volist name="banners" id="ba" offset="2" length="3"}
|
||||
<div class="dis_bril_div">
|
||||
<div class="iconimg"><img src="{$ba.image}"></div>
|
||||
<div class="title">
|
||||
<p {notempty name="ba.title_txt_color"}style="color:{$ba.title_txt_color};"{/notempty}>{$ba.title}</p>
|
||||
</div>
|
||||
<div class="subtitle" {notempty name="ba.desc_txt_color"}style="color:{$ba.desc_txt_color};"{/notempty}>{$ba.desc|raw}</div>
|
||||
</div>
|
||||
{/volist}
|
||||
</div>
|
||||
</div>
|
||||
{/notempty}
|
||||
</div>
|
||||
</div>
|
||||
{/block}
|
||||
Reference in New Issue
Block a user