no message

Former-commit-id: 43a8224a34f70bb4292c77196f4d98d18b58cb44
Former-commit-id: d154b16d0b3f214e55815c123b775681016c5a70
Former-commit-id: 22378774d55271fb76d5827ea0ffdfd1f2678831

src/components/demo/GithubLink/index.vue

@@ -1,6 +1,6 @@
 <template>
   <el-tooltip :content="url" :placement="tooltipPlacement">
-    <a :href="url" target="_blank">
+    <a :href="url" target="_blank" class="link">
       View in Github
       <span class="fa fa-github"></span>
     </a>
@@ -20,3 +20,10 @@ export default {
 }
 </script>
 
+<style lang="scss" scoped>
+@import '~@/assets/style/unit/_color.scss';
+.link {
+  color: $color-primary;
+}
+</style>
+

src/components/demo/PageHeader/index.vue

@@ -0,0 +1,23 @@
+<template>
+  <div class="clearfix">
+    <span class="fl">{{title}}</span>
+    <span class="fr"><GithubLink :url="url"></GithubLink></span>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    url: {
+      type: String,
+      required: false,
+      default: ''
+    },
+    title: {
+      type: String,
+      required: false,
+      default: ''
+    }
+  }
+}
+</script>

src/components/index.js

@@ -48,3 +48,9 @@ Vue.component('CountUp', resolve => {
 Vue.component('Highlight', resolve => {
   require(['@/components/core/Highlight/index.vue'], resolve)
 })
+
+// 名称：页面Header
+// 用途：页面Header
+Vue.component('PageHeader', resolve => {
+  require(['@/components/demo/PageHeader/index.vue'], resolve)
+})