添加分类与标签提示

app/assets/stylesheets/blogs.css.scss

@@ -9,6 +9,9 @@
   span {
     margin-left: 0.5rem;
   }
+  .has-tip {
+    border: none;
+  }
 }
 
 .content {

app/assets/stylesheets/head.css.scss

@@ -12,4 +12,7 @@
     display: inline-block;
     width: 1rem;
   }
+  label {
+    cursor: default;
+  }
 }

app/views/blogs/_post.html.slim

@@ -1,10 +1,4 @@
-h2.blog-title #{post.title}
-p.ptag
-  i.fi-list
-  span #{post.type}
-p.ptag
-  i.fi-pricetag-multiple
-  span #{post.labels_content}
+= render partial: 'post_head', locals: { post: post }
 
 .content.markdown
   == post.content_html

app/views/blogs/_post_head.html.slim

@@ -0,0 +1,10 @@
+/ require: locals: { post : post }
+h2.blog-title #{post.title}
+p.ptag
+  span.has-tip data-options="disable_for_touch:false" data-tooltip="" title="分类"
+    i.fi-list-thumbnails
+  span #{post.type}
+p.ptag
+  span.has-tip data-options="disable_for_touch:false" data-tooltip="" title="标签"
+    i.fi-pricetag-multiple
+  span #{post.labels_content}

app/views/blogs/index.html.slim

@@ -5,13 +5,7 @@
   | 首页
 .row
   .small-12.large-8.columns
-    h2.blog-title #{@newest.title}
-    p.ptag
-      i.fi-list
-      span #{@newest.type}
-    p.ptag
-      i.fi-pricetag-multiple
-      span #{@newest.labels_content}
+    = render partial: 'post_head', locals: { post: @newest }
     .content.markdown
       == @newest.sub_content