添加页面标题，修改README.md文件

linmei1018 · Aug 11, 2017 · eae89b2 · eae89b2
1 parent 68b8e41
commit eae89b2
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/README.md b/README.md
@@ -1,6 +1,8 @@
-# vue-gaode
+# 在Vue中完美的使用高德地图
 
-> A Vue.js project
+> 最近项目中有使用到高德地图，搜了下发现饿了么的 vue-amap 比较知名。不过实际安装使用中发现还是有很多问题的，并不友好。不但要学习 amap 的文档，也还要学习原生高德API文档，还不如直接使用原生来的方便。
+而这篇教程的目的就是，**怎么在vue中使用高德地图API**
+文档：[http://vue-gaode.rxshc.com](Demo和使用文档)
 
 ## Build Setup
 

diff --git a/index.html b/index.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <meta charset="utf-8">
-    <title>vue-gaode</title>
+    <title>在Vue中完美的使用高德地图</title>
   </head>
   <body>
     <div id="app"></div>

diff --git a/src/App.vue b/src/App.vue
@@ -4,6 +4,7 @@
       <h1>在Vue中完美的使用高德地图</h1>
       <p>在vue中使用高德地图API，全兼容。</p>
       <a href="https://github.com/zuley/vue-gaode" target="_blank" class="btn">View on GitHub</a>
+      <a href="https://www.rxshc.com" target="_blank" class="btn">By 猪不乐意</a>
     </div>
     <div class="g-wraper">
       <div class="m-part">
@@ -162,7 +163,7 @@ body{ margin: 0; }
 }
 .page-header h1{ margin: 0; font-size: 40px; }
 .page-header p{ color: #ccc; margin: 0; margin-bottom: 30px; }
-.page-header a{ display: inline-block; border: 1px solid #fff; line-height: 40px; padding: 0 20px; border-radius: 4px; color: #fff; text-decoration: none; transition: all .3s; }
+.page-header a{ display: inline-block; border: 1px solid #fff; margin-right: 10px; line-height: 40px; padding: 0 20px; border-radius: 4px; color: #fff; text-decoration: none; transition: all .3s; }
 .page-header a:hover{ background: #fff; color: #333; }
 .g-wraper{ width: 1000px; margin: 0 auto; color: #666; font-size: 16px; line-height: 30px; }
 .m-part{ margin-bottom: 30px; }