案例

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>

上一页下一页

以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号