优化目录标题样式

hanalice · Feb 11, 2017 · bd91729 · bd91729
1 parent d6b49c7
commit bd91729
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 28 deletions.
diff --git a/Application/Home/View/Item/show_regular.html b/Application/Home/View/Item/show_regular.html
@@ -1,5 +1,5 @@
 <include file="Common/header" />
-<link rel="stylesheet" href="__PUBLIC__/css/item/show.css?1.1d.1thdddefg" />
+<link rel="stylesheet" href="__PUBLIC__/css/item/show.css?1.1d.1thdddefgh" />
 
 <div class="doc-head row" >
   <div class="left "><h2>{$item.item_name}</h2></div>
@@ -64,15 +64,15 @@
         <foreach name="catalogs" item="catalog">
 
 
-          <li><a href="#"><i class="icon-chevron-right"></i>{$catalog.cat_name}</a>
+          <li><a class="show_cut_title" href="#" title="{$catalog.cat_name}"><i class="icon-chevron-right"></i>{$catalog.cat_name}</a>
             <ul class="child-ul nav-list hide">
               <!-- 二级目录的页面们 -->
               <foreach name="catalog.pages" item="catalog_page">
                 <li><a href="{:U('Home/Page/index',array('page_id'=>$catalog_page['page_id']))}" data-page-id="{$catalog_page.page_id}" >{$catalog_page.page_title}</a></li>
               </foreach>
               <!-- 二级目录的子目录们（三级目录） -->
                 <foreach name="catalog.catalogs" item="catalog3">   
-                  <li class="third-child-catalog"><a href="#"><i class="icon-chevron-right"></i>{$catalog3.cat_name}</a>
+                  <li class="third-child-catalog"><a <a class="show_cut_title" href="#" title="{$catalog3.cat_name}"><i class="icon-chevron-right"></i>{$catalog3.cat_name}</a>
                     <ul class="child-ul nav-list hide">
                       <!-- 二级目录的页面们 -->
                       <foreach name="catalog3.pages" item="catalog3_page">

diff --git a/Public/css/item/show.css b/Public/css/item/show.css
@@ -146,28 +146,9 @@
   margin-left: 0px;
 }
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+.show_cut_title{
+  white-space:nowrap;
+  text-overflow:ellipsis; 
+  -o-text-overflow:ellipsis; 
+  overflow:hidden
+}