主题目录结构变更,把目录结构精简一层

This commit is contained in:
2016-11-29 20:16:55 +08:00
parent cca25f560b
commit 9d41fbd5e9
39 changed files with 12 additions and 7 deletions

View File

@@ -0,0 +1,108 @@
{extend name="public/base"/}
{block name="body"}
<div id="myCarousel" class="carousel slide">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="item active" style="background:#223240">
<img src="__IMG__/slide1.png" alt="第一张">
</div>
<div class="item" style="background:#F5E4DC;">
<img src="__IMG__/slide2.png" alt="第二张">
</div>
<div class="item" style="background:#DE2A2D;">
<img src="__IMG__/slide3.png" alt="第三张">
</div>
</div>
<a href="#myCarousel" data-slide="prev" class="carousel-control left">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a href="#myCarousel" data-slide="next" class="carousel-control right">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
<div class="tab1">
<div class="container">
<h2 class="tab-h2">「为什么选择Sentcms内容管理系统」</h2>
<p class="tab-p">简单强大的内容管理系统让WEB开发更方便更快捷</p>
<div class="row">
<div class="col-md-6 col">
<div class="media">
<div class="media-left">
<img src="__IMG__/tab1-1.png" class="media-object" alt="">
</div>
<div class="media-body">
<h4 class="media-heading">基于ThinkPHP3.2</h4>
<p>依托新版ThinkPHP的功能优势和命名空间的特性。</p>
</div>
</div>
</div>
<div class="col-md-6 col">
<div class="media">
<div class="media-left">
<img src="__IMG__/tab1-2.png" class="media-object" alt="">
</div>
<div class="media-body">
<h4 class="media-heading">安全可靠</h4>
<p>提供的稳健的安全策略,包括备份恢复,容错,防止恶意攻击登陆,网页防篡改等多项安全管理功能,保证系统安全,可靠,稳定的运行。</p>
</div>
</div>
</div>
<div class="col-md-6 col">
<div class="media">
<div class="media-left">
<img src="__IMG__/tab1-3.png" class="media-object" alt="">
</div>
<div class="media-body">
<h4 class="media-heading">开源免费</h4>
<p>代码遵循Apache2开源协议并且免费使用对商业用户友好。</p>
</div>
</div>
</div>
<div class="col-md-6 col">
<div class="media">
<div class="media-left">
<img src="__IMG__/tab1-4.png" class="media-object" alt="">
</div>
<div class="media-body">
<h4 class="media-heading">模块化开发</h4>
<p>全新的架构和模块化的开发机制,便于灵活扩展和二次开发。</p>
</div>
</div>
</div>
</div>
</div>
</div>
{/block}
{block name="script"}
<script type="text/javascript">
//轮播自动播放
$('#myCarousel').carousel({
//自动4秒播放
interval : 3000,
});
//设置文字垂直居中,谷歌浏览器加载图片的顺序问题,导致高度无法获取
$(window).load(function () {
$('.text').eq(0).css('margin-top', ($('.auto').eq(0).height() - $('.text').eq(0).height()) / 2 + 'px');
});
$(window).resize(function () {
$('.text').eq(0).css('margin-top', ($('.auto').eq(0).height() - $('.text').eq(0).height()) / 2 + 'px');
});
$(window).load(function () {
$('.text').eq(1).css('margin-top', ($('.auto').eq(1).height() - $('.text').eq(1).height()) / 2 + 'px');
});
$(window).resize(function () {
$('.text').eq(1).css('margin-top', ($('.auto').eq(1).height() - $('.text').eq(1).height()) / 2 + 'px');
});
</script>
{/block}