💄 首页美化 局部注册首页的组件

Former-commit-id: 8d157dd2bed9b8455394d99e160cd7a3e1916eb9 [formerly f0eecabc6d544fd438afc0a390bf7e43b70d64c4] [formerly 8d157dd2bed9b8455394d99e160cd7a3e1916eb9 [formerly f0eecabc6d544fd438afc0a390bf7e43b70d64c4] [formerly 8d157dd2bed9b8455394d99e160cd7a3e1916eb9 [formerly f0eecabc6d544fd438afc0a390bf7e43b70d64c4] [formerly f0eecabc6d544fd438afc0a390bf7e43b70d64c4 [formerly 8f9f0c37c985d6f414e8c6e14dcf9f9f6dedf56c [formerly 278a184c0a53ce1bf6749ac35175e497096e1cf4]]]]]
Former-commit-id: aa454bc54cbc9e7de0327561d5e87775d786d160
Former-commit-id: 2cacb52bb5dab862179de03db08b967c4a472c8c
Former-commit-id: 7d12633c94803151427f52f4f3aa1ece3383f29b [formerly 587a6eaabadd7714cd05ebf298681fa12fb58a1f]
Former-commit-id: 4c1a925f0837001ab019b6d00c5e855e44109a18
Former-commit-id: 60241b6af7d4d9ae5a47450f78859ffa433f2289
Former-commit-id: 890e0c25e138efb2e6b8979d03005717913eecf8
Former-commit-id: 6ae48cdbab2946cbbef69799cd7124af472a7518
Former-commit-id: 70fa352e0ace04eb796b222cfb6c6e23f508d02b

src/components/index.js

@@ -8,7 +8,6 @@ import d2LinkBtn from './d2-link-btn'
 Vue.component('d2-container', d2Container)
 Vue.component('d2-container-frame', d2ContainerFrame)
 Vue.component('d2-link-btn', d2LinkBtn)
-Vue.component('d2-page-cover', () => import('./d2-page-cover'))
 Vue.component('d2-count-up', () => import('./d2-count-up'))
 Vue.component('d2-highlight', () => import('./d2-highlight'))
 Vue.component('d2-icon', () => import('./d2-icon'))

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">
+        <div class="btn-group">
-          <span @click="$open('https://github.com/d2-projects')">开源组织</span> |
+          <span class="btn-group__btn" @click="$open('https://github.com/d2-projects')">开源组织</span> |
-          <span @click="$open('https://doc.d2admin.fairyever.com/zh/')">文档</span> |
+          <span class="btn-group__btn" @click="$open('https://doc.d2admin.fairyever.com/zh/')">文档</span> |
-          <span @click="$open('https://github.com/d2-projects/d2-admin-start-kit')">简化版</span> |
+          <span class="btn-group__btn" @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 class="btn-group__btn" @click="$open('https://alibaba.github.io/ice/scaffold?type=vue')">飞冰</span> |
-          <span @click="$open('https://juejin.im/user/57a48b632e958a006691b946/posts')">掘金</span> |
+          <span class="btn-group__btn" @click="$open('https://juejin.im/user/57a48b632e958a006691b946/posts')">掘金</span> |
-          <span @click="$open('https://daily.fairyever.com')">日报</span> |
+          <span class="btn-group__btn" @click="$open('https://daily.fairyever.com')">日报</span> |
-          <el-popover
+          <el-popover :width="172" trigger="hover">
-            :width="172"
-            trigger="hover">
             <p class="d2-mt-0 d2-mb-10">D2Projects</p>
-            <img
+            <img src="./image/qr@2x.png" style="width: 172px;">
-              src="./image/qr@2x.png"
+            <span slot="reference" class="btn-group__btn btn-group__btn--link">
-              style="width: 172px;">
+              <d2-icon name="wexin"/>
-            <span slot="reference">微信公众号</span>
+              微信公众号
+            </span>
             <p style="font-size: 12px; margin-top: 0px; margin-bottom: 0px;">
               官方公众号，主要推送前端技术类文章、框架资源、学习教程，以及 D2 系列项目更新信息
             </p>
@@ -35,10 +34,12 @@
 <script>
 import D2HelpBtn from './components/d2-help-btn'
 import D2Badge from './components/d2-badge'
+import D2PageCover from './components/d2-page-cover'
 export default {
   components: {
     D2HelpBtn,
-    D2Badge
+    D2Badge,
+    D2PageCover
   },
   data () {
     return {
@@ -50,19 +51,22 @@ export default {
 
 <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;
+      }
     }
   }
 }