首页优化

Former-commit-id: 454b6b07dc87c422bfa5bfa7d657ca826d341a3b

src/views/system/index/components/d2-badge/index.vue

@@ -14,6 +14,7 @@
       <a href="https://www.travis-ci.org/d2-projects/d2-admin"><img src="https://www.travis-ci.org/d2-projects/d2-admin.svg?branch=master"/></a>
       <a><img src="https://img.shields.io/github/last-commit/d2-projects/d2-admin.svg"/></a>
       <a><img src="https://img.shields.io/badge/code_style-standard-brightgreen.svg"/></a>
+      <a><img src="https://api.netlify.com/api/v1/badges/a5dd4bbd-da3f-4145-98a9-8012577bdcf5/deploy-status"/></a>
     </p>
   </div>
 </template>

src/views/system/index/page.vue

@@ -2,24 +2,23 @@
   <d2-container class="page">
     <d2-page-cover>
       <d2-icon-svg
-        class="page__logo"
+        class="logo"
         name="d2-admin"/>
       <template slot="footer">
-        <div class="page__btn-group">
-          <span @click="$open('https://github.com/d2-projects')">开源组织</span> |
-          <span @click="$open('https://doc.d2admin.fairyever.com/zh/')">文档</span> |
-          <span @click="$open('https://github.com/d2-projects/d2-admin-start-kit')">简化版</span> |
-          <span @click="$open('https://alibaba.github.io/ice/scaffold?type=vue')">飞冰</span> |
-          <span @click="$open('https://juejin.im/user/57a48b632e958a006691b946/posts')">掘金</span> |
-          <span @click="$open('https://daily.fairyever.com')">日报</span> |
-          <el-popover
-            :width="172"
-            trigger="hover">
+        <div class="btn-group">
+          <span class="btn-group__btn" @click="$open('https://github.com/d2-projects')">开源组织</span> |
+          <span class="btn-group__btn" @click="$open('https://doc.d2admin.fairyever.com/zh/')">文档</span> |
+          <span class="btn-group__btn" @click="$open('https://github.com/d2-projects/d2-admin-start-kit')">简化版</span> |
+          <span class="btn-group__btn" @click="$open('https://alibaba.github.io/ice/scaffold?type=vue')">飞冰</span> |
+          <span class="btn-group__btn" @click="$open('https://juejin.im/user/57a48b632e958a006691b946/posts')">掘金</span> |
+          <span class="btn-group__btn" @click="$open('https://daily.fairyever.com')">日报</span> |
+          <el-popover :width="172" trigger="hover">
             <p class="d2-mt-0 d2-mb-10">D2Projects</p>
-            <img
-              src="./image/qr@2x.png"
-              style="width: 172px;">
-            <span slot="reference">微信公众号</span>
+            <img src="./image/qr@2x.png" style="width: 172px;">
+            <span slot="reference" class="btn-group__btn btn-group__btn--link">
+              <d2-icon name="wexin"/>
+              微信公众号
+            </span>
             <p style="font-size: 12px; margin-top: 0px; margin-bottom: 0px;">
               官方公众号，主要推送前端技术类文章、框架资源、学习教程，以及 D2 系列项目更新信息
             </p>
@@ -41,25 +40,33 @@ export default {
     D2HelpBtn,
     D2Badge,
     D2PageCover
+  },
+  data () {
+    return {
+      filename: __filename
+    }
   }
 }
 </script>
 
 <style lang="scss" scoped>
 .page {
-  .page__logo {
+  .logo {
     width: 120px;
   }
-  .page__btn-group {
+  .btn-group {
     color: $color-text-placehoder;
     font-size: 12px;
     margin-top: 0px;
     margin-bottom: 20px;
-    span {
+    .btn-group__btn {
       color: $color-text-sub;
       &:hover {
         color: $color-text-main;
       }
+      &.btn-group__btn--link {
+        color: $color-primary;
+      }
     }
   }
 }