From 8d7ef8ec67b617d75e132a788789d502ed6cdd94 Mon Sep 17 00:00:00 2001
From: ruibaby <i@ryanc.cc>
Date: Fri, 30 Aug 2019 21:51:31 +0800
Subject: [PATCH] Change api tab icon.

---
 src/App.vue                     |  1 -
 src/views/post/PostList.vue     | 37 ++++++++++++++++++++++++++++++---
 src/views/sheet/SheetList.vue   | 30 ++++++++++++++++++++++++--
 src/views/system/OptionForm.vue |  2 +-
 4 files changed, 63 insertions(+), 7 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index fb2a152d5..5e0bdd2e8 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -44,4 +44,3 @@ export default {
   height: 100%;
 }
 </style>
-
diff --git a/src/views/post/PostList.vue b/src/views/post/PostList.vue
index e4cf043a2..e5c230c46 100644
--- a/src/views/post/PostList.vue
+++ b/src/views/post/PostList.vue
@@ -133,7 +133,12 @@
             slot-scope="text,record"
             style="max-width: 150px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;"
           >
-            <a-icon type="pushpin" v-if="record.topPriority!=0" theme="twoTone" twoToneColor="red" />
+            <a-icon
+              type="pushpin"
+              v-if="record.topPriority!=0"
+              theme="twoTone"
+              twoToneColor="red"
+            />
             <a
               :href="options.blog_url+'/archives/'+record.url"
               target="_blank"
@@ -177,6 +182,30 @@
             >{{ tag.name }}</a-tag>
           </span>
 
+          <span
+            slot="commentCount"
+            slot-scope="commentCount"
+          >
+            <a-badge
+              :count="commentCount"
+              :numberStyle="{backgroundColor: '#f38181'} "
+              :showZero="true"
+              :overflowCount="999"
+            />
+          </span>
+
+          <span
+            slot="visits"
+            slot-scope="visits"
+          >
+            <a-badge
+              :count="visits"
+              :numberStyle="{backgroundColor: '#00e0ff'} "
+              :showZero="true"
+              :overflowCount="9999"
+            />
+          </span>
+
           <span
             slot="createTime"
             slot-scope="createTime"
@@ -304,12 +333,14 @@ const columns = [
   {
     title: '评论',
     width: '70px',
-    dataIndex: 'commentCount'
+    dataIndex: 'commentCount',
+    scopedSlots: { customRender: 'commentCount' }
   },
   {
     title: '访问',
     width: '70px',
-    dataIndex: 'visits'
+    dataIndex: 'visits',
+    scopedSlots: { customRender: 'visits' }
   },
   {
     title: '发布时间',
diff --git a/src/views/sheet/SheetList.vue b/src/views/sheet/SheetList.vue
index b9e917fbc..92b8b3c4a 100644
--- a/src/views/sheet/SheetList.vue
+++ b/src/views/sheet/SheetList.vue
@@ -122,6 +122,30 @@
                   {{ statusProperty.text }}
                 </span>
 
+                <span
+                  slot="commentCount"
+                  slot-scope="commentCount"
+                >
+                  <a-badge
+                    :count="commentCount"
+                    :numberStyle="{backgroundColor: '#f38181'} "
+                    :showZero="true"
+                    :overflowCount="999"
+                  />
+                </span>
+
+                <span
+                  slot="visits"
+                  slot-scope="visits"
+                >
+                  <a-badge
+                    :count="visits"
+                    :numberStyle="{backgroundColor: '#00e0ff'} "
+                    :showZero="true"
+                    :overflowCount="9999"
+                  />
+                </span>
+
                 <span
                   slot="createTime"
                   slot-scope="createTime"
@@ -261,11 +285,13 @@ const customColumns = [
   },
   {
     title: '评论量',
-    dataIndex: 'commentCount'
+    dataIndex: 'commentCount',
+    scopedSlots: { customRender: 'commentCount' }
   },
   {
     title: '访问量',
-    dataIndex: 'visits'
+    dataIndex: 'visits',
+    scopedSlots: { customRender: 'visits' }
   },
   {
     title: '发布时间',
diff --git a/src/views/system/OptionForm.vue b/src/views/system/OptionForm.vue
index bf5af4d7d..8f0bc645b 100644
--- a/src/views/system/OptionForm.vue
+++ b/src/views/system/OptionForm.vue
@@ -628,7 +628,7 @@
             </a-tab-pane>
             <a-tab-pane key="api">
               <span slot="tab">
-                <a-icon type="align-left" />API 设置
+                <a-icon type="thunderbolt" />API 设置
               </span>
               <a-form layout="vertical">
                 <a-form-item