[Document] Fix IE crash by adding promise polyfill

uiv-lib · Oct 18, 2017 · e45b532 · e45b532
1 parent acae3c6
commit e45b532
Show file tree

Hide file tree

Showing 7 changed files with 14 additions and 106 deletions.
diff --git a/docs/assets/css/common.less b/docs/assets/css/common.less
@@ -22,8 +22,13 @@ body, html {
   }
 
   &.page-home {
+    background: @home-bg-gradient-to;
+    background: -webkit-linear-gradient(to bottom, @home-bg-gradient-from, @home-bg-gradient-to);
+    background: linear-gradient(to bottom, @home-bg-gradient-from, @home-bg-gradient-to);
+    color: #fff;
+
     .page-footer {
-      background: @home-bg-gradient-to;
+      background: transparent;
       border-color: transparent;
       color: rgba(255, 255, 255, .5);
 

diff --git a/docs/components/Home.vue b/docs/components/Home.vue
@@ -27,46 +27,8 @@
             <h3><b>Bootstrap 3</b> Components implemented by <b>Vue 2</b>.</h3>
             <br/>
             <div>
-              <a href="https://github.com/wxsms/uiv" class="btn btn-default btn-lg">Code On Github</a>
               <router-link to="/getting-started" class="btn btn-default btn-lg">Getting Started</router-link>
-            </div>
-            <br/>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="container-fluid">
-      <div class="row">
-        <div class="col-sm-6 col-md-4">
-          <div class="thumbnail">
-            <div class="caption">
-              <h3>Light Weight</h3>
-              <p><i class="glyphicon glyphicon-leaf icon-thumbnail"></i></p>
-              <p>~ 14KB Gziped</p>
-              <p>Dependencies only</p>
-              <p>Vue & Bootstrap CSS</p>
-            </div>
-          </div>
-        </div>
-        <div class="col-sm-6 col-md-4">
-          <div class="thumbnail">
-            <div class="caption">
-              <h3>Compatible</h3>
-              <p><i class="glyphicon glyphicon-check icon-thumbnail"></i></p>
-              <p>Tested with</p>
-              <p>Modern Browsers</p>
-              <p>And IE 9+</p>
-            </div>
-          </div>
-        </div>
-        <div class="col-sm-6 col-md-4">
-          <div class="thumbnail">
-            <div class="caption">
-              <h3>Open Source</h3>
-              <p><i class="glyphicon glyphicon-grain icon-thumbnail"></i></p>
-              <p>MIT License</p>
-              <p>Easy and Free</p>
-              <p>Welcome to contribute!</p>
+              <a href="https://github.com/wxsms/uiv" class="btn btn-default btn-lg">Github</a>
             </div>
           </div>
         </div>
@@ -85,32 +47,9 @@
 <style lang="less" rel="stylesheet/less" scoped>
   @import "../assets/css/variables";
 
-  section {
-    background: @home-bg-gradient-to;
-    background: -webkit-linear-gradient(to bottom, @home-bg-gradient-from, @home-bg-gradient-to);
-    background: linear-gradient(to bottom, @home-bg-gradient-from, @home-bg-gradient-to);
-    min-height: 100vh;
-    padding-bottom: 100px;
-  }
-
-  .thumbnail {
-    text-align: center;
+  .jumbotron {
     background: transparent;
-    border-color: @home-mute-color;
-
-    .caption {
-      color: #fff;
-    }
 
-    .icon-thumbnail {
-      font-size: 600%;
-      color: @home-mute-color;
-      margin: 20px 0;
-      height: 100px;
-    }
-  }
-
-  .jumbotron {
     .btn {
       background: transparent;
       color: #fff;
@@ -129,8 +68,5 @@
         border: 1px solid #fff;
       }
     }
-
-    color: #fff;
-    background: transparent;
   }
 </style>
diff --git a/docs/main.js b/docs/main.js
@@ -3,6 +3,7 @@
 import './assets/css/vender.less'
 import './assets/css/common.less'
 
+import 'es6-promise/auto'
 import Vue from 'vue'
 import VueRouter from 'vue-router'
 import router from './routes'

diff --git a/docs/mixins/hljsMixin.js b/docs/mixins/hljsMixin.js
diff --git a/docs/utils/hljsUtils.js b/docs/utils/hljsUtils.js
diff --git a/package.json b/package.json
@@ -76,6 +76,7 @@
     "cross-env": "^3.1.4",
     "cross-spawn": "^5.0.1",
     "css-loader": "^0.26.1",
+    "es6-promise": "^4.1.1",
     "eslint": "^3.14.1",
     "eslint-config-standard": "^6.2.1",
     "eslint-friendly-formatter": "^2.0.7",

diff --git a/yarn.lock b/yarn.lock
@@ -2182,6 +2182,10 @@ es6-map@^0.1.3:
     es6-symbol "~3.1.1"
     event-emitter "~0.3.5"
 
+es6-promise@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/es6-promise/-/es6-promise-4.1.1.tgz#8811e90915d9a0dba36274f0b242dbda78f9c92a"
+
 es6-promise@~4.0.3:
   version "4.0.5"
   resolved "https://registry.yarnpkg.com/es6-promise/-/es6-promise-4.0.5.tgz#7882f30adde5b240ccfa7f7d78c548330951ae42"