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

feat: 品牌里程

Browse Source
This commit is contained in:
jsasg
2025-04-17 15:59:53 +08:00
parent f7e0ecc9fd
commit 92675ac6ba
14 changed files with 196 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

96
app/index/view/about_us/mileage.html Normal file
View 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('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('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('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}

43
app/index/view/about_us/story.html Normal file
View 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}