免费AI编程助手
案例
2018-02-24 15:44 更新
案例
以ThinkCMF自带应用Portal的文章展示页为例：
<!DOCTYPE html>
<!--[if IE 8]> <html class="ie ie8"> <![endif]-->
<!--[if IE 9]> <html class="ie ie9"> <![endif]-->
<!--[if gt IE 9]><!--> <html> <!--<![endif]-->
<!-- head -->
<tc_include file="Public:head"/>
<!-- head -->
<body class="page-services">
<div class="wrap">
<!-- Head start -->
<tc_include file="Public:header" />
<!-- Head End -->
<!-- Content Start -->
<div id="main">
<!-- Title, Breadcrumb Start-->
<div class="breadcrumb-wrapper">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6 col-xs-12 col-sm-6">
<h2 class="title">{$article.post_title}</h2>
</div>
<div class="col-lg-6 col-md-6 col-xs-12 col-sm-6">
<div class="breadcrumbs pull-right">
<ul>
<li>你的位置:</li>
<li><a href="#">{$term.name}</a></li>
<li>{$article.post_title}</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Title, Breadcrumb End-->
<!-- Main Content start-->
<div class="content">
<div class="container">
<div class="row">
<div class="posts-block col-lg-9 col-md-8 col-sm-8 col-xs-12">
<article>
<!-- <h3 class="title">{$article.post_title}</h3> -->
<php>
if(!empty($smeta['thumb'])){
echo '
<div class="img-content">
<img src="'.$smeta['thumb'].'" tppabs="" alt="" style="width:300px">
</div>';
}
</php>
<div class="post-content">
<p>
{$article.post_content}
</p>
</div>
</article>
</div>
<!-- Left Section End -->
<!-- Skill Section Start-->
<div class="choice col-lg-3 col-md-4 col-sm-4 col-xs-12">
<h3 class="title">技能</h3>
<ul class="check-list why">
<li>LAMP构架</li>
<li>Bootstrap</li>
<li>SimpleCMF</li>
<li>Web Disgin</li>
</ul>
</div>
<!-- Skill Section end -->
</div>
</div>
</div>
<div class="divider"></div>
<!-- Main Content start-->
<div class="main-content">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4">
<div class="content-box big ch-item bottom-pad-small">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-1"><i class="icon-code"></i></div>
<div class="ch-info-back">
<i class="icon-code"></i>
</div>
</div>
</div>
<div class="content-box-info">
<php>
$p=sp_sql_post(36,'field:post_title,post_content');
</php>
<h3>{$p.post_title}</h3>
<p>
{$p.post_content}
</p>
<a href="#">Read More <i class="icon-angle-right"></i><i class="icon-angle-right"></i></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<div class="content-box big ch-item bottom-pad-small">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-1"><i class="icon-eye-open"></i></div>
<div class="ch-info-back">
<i class="icon-eye-open"></i>
</div>
</div>
</div>
<div class="content-box-info">
<php>
$p=sp_sql_post(37,'field:post_title,post_content');
</php>
<h3>{$p.post_title}</h3>
<p>
{$p.post_content}
</p>
<a href="#">Read More <i class="icon-angle-right"></i><i class="icon-angle-right"></i></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<div class="content-box big ch-item">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-1"><i class="icon-edit"></i></div>
<div class="ch-info-back">
<i class="icon-edit"></i>
</div>
</div>
</div>
<div class="content-box-info">
<php>
$p=sp_sql_post(38,'field:post_title,post_content');
</php>
<h3>{$p.post_title}</h3>
<p>
{$p.post_content}
</p>
<a href="#">Read More <i class="icon-angle-right"></i><i class="icon-angle-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Main Content end-->
<!-- Main Content end-->
</div>
<!-- Content End -->
<!-- Footer Start -->
<tc_include file="Public:footer"/>
<!-- Footer End -->
<!-- Scroll To Top -->
<a href="#" class="scrollup"><i class="icon-angle-up"></i></a>
</div>
<!-- Wrap End -->
<!-- switcher start -->
<tc_include file="Public:switcher"/>
<!-- switcher start -->
<!-- The Scripts -->
<tc_include file="Public:scripts"/>
<!-- The Scripts -->
</body>
</html>以上内容是否对您有帮助：
← 模板自定义函数库
更多建议：