del 商品列表

app/home/controller/Article.php

@@ -83,7 +83,7 @@ class Article extends BaseMall
         $condition = array();
         $condition[]=array('ac_id','in',$ac_ids);
         $condition[]=array('article_show','=','1');
-        $article_list = $article_model->getArticleList($condition, 10);
+        $article_list = $article_model->getArticleList($condition, 12);
         View::assign('article', $article_list);
         View::assign('show_page', $article_model->page_info->render());
         /**
@@ -97,11 +97,11 @@ class Article extends BaseMall
             }
         }
         View::assign('new_article_list', $new_article_list);
-        
+
         //SEO 设置
         $seo = model('seo')->type('article')->param(array('article_class' => $article_class['ac_name']))->show();
         $this->_assign_seo($seo);
-        
+
         return View::fetch($this->template_dir.'article_list');
     }
 
@@ -212,7 +212,7 @@ class Article extends BaseMall
         //SEO 设置
         $seo = model('seo')->type('article_content')->param($seo_param)->show();
         $this->_assign_seo($seo);
-        
+
         return View::fetch($this->template_dir.'article_show');
     }
-}
+}

app/home/view/default/mall/article/article_list.html

@@ -3,8 +3,8 @@
 
 
 <div class="w1200">
-<div class="dsh-container wrapper">
-  <div class="left">
+  <div class="dsh-container wrapper article-container">
+<!--  <div class="left">
     <div class="dsh-module dsh-module-style01">
       <div class="title">
         <h3>{$Think.lang.article_article_article_class}</h3>
@@ -46,31 +46,36 @@
         </ul>
       </div>
     </div>
-  </div>
-  <div class="right">
-    <div class="dsh-article-con">
-      <div class="title-bar">
-        <h3>{$class_name}</h3>
-      </div>
-      {notempty name="article"}
-        <ul class="dsh-article-list">
+  </div>-->
+    <div class="right">
+      <div class="dsh-article-con">
+        <div class="title-bar">
+          <h3>{$class_name}</h3>
+        </div>
+        {notempty name="article"}
+        <div class="dsh-article-list clearfix">
           {foreach name="article" item="article"}
-            <li><i></i>
-              <a {if $article.article_url !=""}target="_blank"{/if}
-                href="{if $article.article_url !=""}{$article.article_url}{else /}{:url('Article/show',['article_id'=>$article.article_id])}{/if} ">
-              {$article.article_title}
-              </a>
-                <time>{:date('Y-m-d H:i',$article.article_time)}</time>
-            </li>
-            {/foreach}
-      </ul>
-       {else /}
+          <div class="item">
+            <a {if $article.article_url !=""}target="_blank"{/if}
+            href="{if $article.article_url !=""}{$article.article_url}{else /}{:url('Article/show',['article_id'=>$article.article_id])}{/if} ">
+            {if $article.article_pic !=""}
+            <div class="img-anm"><img class="img" src="{:ds_get_pic(ATTACH_ARTICLE,$article.article_pic)}"></div>
+            {else /}
+            <img class="img" src="{$Think.HOME_SITE_ROOT}/images/zwt.jpg">
+            {/if}
+            <div class="title">{$article.article_title}</div>
+            </a>
+            <div class="time">{:date('Y-m-d H:i',$article.article_time)}</div>
+          </div>
+          {/foreach}
+        </div>
+        {else /}
         <div>{$Think.lang.article_article_not_found}</div>
-     {/notempty}
-    </div> <div class="tc mb20">  <div class="pagination"> {$show_page|raw} </div></div>
+        {/notempty}
+      </div> <div class="tc mb20">  <div class="pagination"> {$show_page|raw} </div></div>
+    </div>
   </div>
 </div>
-</div>
 
 <script src="{$Think.HOME_SITE_ROOT}/js/search_category_menu.js"></script>
 <script>
@@ -78,7 +83,7 @@ $(function(){
     $('#files').tree({
         expanded: 'li:lt(2)'
     });
-})  
+})
 </script>
 
 {/block}

public/static/home/css/home.css

@@ -636,3 +636,22 @@ form label.validate_right{padding-left:20px;background:transparent url(../images
 
 /*input放大镜*/
 .js-max-input{font-size:20px;color:#F40;background:#FFFAE5;white-space:nowrap;padding:7px;border:solid 1px #FFD2B2}
+
+
+.chaochu	{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
+.chaochu_1	{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; word-break:break-all;}
+.chaochu_2	{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-break:break-all;}
+.chaochu_3	{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; word-break:break-all;}
+.chaochu_4	{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; word-break:break-all;}
+
+/*文章列表*/
+.article-container .dsh-article-con { border: none; padding:20px;}
+.img-anm { display: block; overflow: hidden; }
+.img-anm .img { -webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
+.img-anm:hover .img {-webkit-transform:scale(1.2);-moz-transform:scale(1.2);transform: scale(1.2);}
+.article-container .right { width: 100%}
+.article-container .right .dsh-article-list  .item { float: left; width: 280px; height: 350px; margin-right: 10px; margin-bottom: 10px}
+.article-container .right .dsh-article-list  .item a { display: block; color: #000}
+.article-container .right .dsh-article-list  .item  img  { width: 280px; height: 280px;}
+.article-container .right .dsh-article-list  .item  .title  { font-size: 16px; height: 35px; line-height: 35px;  display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
+.article-container .right .dsh-article-list  .item   .time  { font-size: 12px; color: #999}