调整调试页面样式。

wangxiao · wangxiao · commit 7594bd2c0485 · 2016-03-24T15:07:13.000+08:00
diff --git a/demo/index.html b/demo/index.html
@@ -5,8 +5,11 @@
     <link rel="stylesheet" href="style.css">
   </head>
   <body>
-    <h1>LeanCloud JavaScript SDK</h1>
-    <p>打开控制台调试</p>
+    <h1><a href="https://leancloud.cn">LeanCloud</a></h1>
+    <h2><a href="https://leancloud.cn">为开发加速</a></h2>
+    <div class="tips">
+      <p>欢迎调试 JavaScript SDK，请打开浏览器控制台</p>
+    </div>
     <script src="../dist/av.js"></script>
     <script src="../test-es5.js"></script>
   </body>
diff --git a/demo/style.css b/demo/style.css
@@ -1,9 +1,36 @@
+* {
+  margin: 0;
+  padding: 0;
+}
 body {
+  background: #fff;
   text-align: center;
+  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+}
+a {
+  text-decoration: none;
 }
-
 h1 {
-  margin-top: 30%;
-  font-size: 20px;
+  margin-top: 120px;
+  font-size: 60px;
+  font-weight: bold;
+}
+h1 a {
+  color: #2C97E8;
+}
+h2 {
+  letter-spacing: 10px;
+  font-size: 26px;
+}
+h2 a {
+  color: #000;
+}
+.tips {
+  margin-top: 90px;
+  font-size: 15px;
+  font-weight: bold;
+  letter-spacing: 1px;
+  line-height: 25px;
+  color: #E82C4B;
 }
 
