From a7ffaa1f8d07902421ac6dea9e7a6b6e1604facd Mon Sep 17 00:00:00 2001
From: "huanqing.shao" <shaohq@foxmail.com>
Date: Sun, 3 Nov 2019 08:38:19 +0800
Subject: [PATCH] fix aos

---
 .vuepress/components/InstallBanner.vue |  1 -
 .vuepress/enhanceApp.js                |  8 ++++----
 support/index.md                       | 22 ++++++++++------------
 3 files changed, 14 insertions(+), 17 deletions(-)

diff --git a/.vuepress/components/InstallBanner.vue b/.vuepress/components/InstallBanner.vue
index 1b9bdb1..2abe850 100644
--- a/.vuepress/components/InstallBanner.vue
+++ b/.vuepress/components/InstallBanner.vue
@@ -98,7 +98,6 @@
 
 <script>
 import AnimatedNumber from "animated-number-vue";
-import 'vue2-animate/dist/vue2-animate.min.css';
 
 export default {
   props: {
diff --git a/.vuepress/enhanceApp.js b/.vuepress/enhanceApp.js
index 9bf05f2..89ca8e1 100644
--- a/.vuepress/enhanceApp.js
+++ b/.vuepress/enhanceApp.js
@@ -63,6 +63,10 @@ export default ({
 
   let sharing = true
   if (typeof window !== 'undefined') {
+    AOS.init({
+      easing: 'ease-out-back',
+      duration: 1000
+    });
     if (location.search && location.search.indexOf('sharing') >=0) {
       sharing = true
       window.kuboardSharing = true
@@ -70,10 +74,6 @@ export default ({
       sharing = false
       window.kuboardSharing = false
     }
-    AOS.init({
-      easing: 'ease-out-back',
-      duration: 1000
-    });
   }
   console.log('sharing', sharing)
   Vue.prototype.$isSharing = sharing
diff --git a/support/index.md b/support/index.md
index d0906ee..33213b8 100644
--- a/support/index.md
+++ b/support/index.md
@@ -23,11 +23,11 @@ export default {
 
 ## 授权声明
 
+<div data-aos="fade-up">
 <grid :rwd="{compact: 'stack'}">
   <grid-item size="2/3" :rwd="{tablet: '1/1', compact: '1/1'}">
 
-<b-card style="height: calc(100% - 1.5rem); color: #2c3e50; line-height: 1.7; margin-top: 1rem; border-color: #f2be45; background-color: rgba(242, 190, 69, 0.1)" 
-  data-aos="fade-up">
+<b-card style="height: calc(100% - 1.5rem); color: #2c3e50; line-height: 1.7; margin-top: 1rem; border-color: #f2be45; background-color: rgba(242, 190, 69, 0.1)">
 
 * 使用 Kuboard 是 <font color="red">免费</font> 的，无论您是用于学习还是用于生产
 * 将来会推出 Kuboard Plus，当前所有的功能，<font color="red">将来仍然免费</font>。Kuboard Plus 侧重点：
@@ -40,30 +40,28 @@ export default {
 </grid-item>
   <grid-item size="1/3" :rwd="{tablet: '1/1', compact: '1/1'}">
 
-<b-card style="height: calc(100% - 1.5rem); color: #2c3e50; line-height: 1.7; margin-top: 1rem"
- data-aos="fade-up" data-aos-duration="800">
+<b-card style="height: calc(100% - 1.5rem); color: #2c3e50; line-height: 1.7; margin-top: 1rem">
   <div style="background-color: rgb(0, 99, 220); padding: 10px; max-width: 220px;">
     <img src="/favicon.png" style="max-width: 200px;">
   </div>
 </b-card>
   </grid-item>
 </grid>
+</div>
 
 <!-- <KuboardLiscense></KuboardLiscense> -->
 
 ## Github趋势
 
-<div style="padding: 1rem 0 0 0;">
+<div style="padding: 1rem 0 0 0;" data-aos="fade-up" data-aos-duration="1500">
 <grid :rwd="{compact: 'stack'}">
   <grid-item size="2/3" :rwd="{tablet: '1/1', compact: '1/1'}">
-    <b-card style="height: calc(100% - 2rem); margin-top: 1rem;"
-    data-aos="fade-up" data-aos-duration="1500">
+    <b-card style="height: calc(100% - 2rem); margin-top: 1rem;">
       <img src="./index.assets/stars.png" alt="Kubernetes教程_Kuboard_Github_Star">
     </b-card>
   </grid-item>
   <grid-item size="1/3" :rwd="{tablet: '1/1', compact: '1/1'}">
-      <b-card style="height: calc(100% - 2rem); color: #2c3e50; line-height: 1.7; margin-top: 1rem;"
-      data-aos="fade-up" data-aos-duration="1200">
+    <b-card style="height: calc(100% - 2rem); color: #2c3e50; line-height: 1.7; margin-top: 1rem;">
         <li>Kuboard 诞生于大型微服务项目的落地实施，在其发布之前，就已经在许多个实际项目中经受住了考验</li>
         <li>Kuboard 于2019年8月初公开发布，不到三个月时间就已经获得了 855 Github Star（如图所示），当前 <StarCount></StarCount></li>
         <li>Kuboard 社群中，已有许多的用户将 Kuboard 用于自己的生产环境</li>
@@ -74,10 +72,10 @@ export default {
 
 ## 商业支持
 
-<div style="padding: 1rem 0;">
+<div style="padding: 1rem 0;" data-aos="fade-up" data-aos-duration="1200">
 <grid :rwd="{compact: 'stack'}">
   <grid-item size="2/3" :rwd="{tablet: '1/1', compact: '1/1'}">
-    <b-card style="height: 100%; color: #2c3e50; line-height: 1.7; margin-top: 1rem;" data-aos="fade-up">
+    <b-card style="height: 100%; color: #2c3e50; line-height: 1.7; margin-top: 1rem;">
       <h3>服务范围</h3>
       <li>Kubernetes 企业培训</li>
       <li>DevOps 环境搭建及培训</li>
@@ -87,7 +85,7 @@ export default {
     </b-card>
   </grid-item>
   <grid-item size="1/3" :rwd="{tablet: '1/1', compact: '1/1'}">
-      <b-card style="height: 100%; margin-top: 1rem;" data-aos="fade-up" data-aos-duration="800">
+      <b-card style="height: 100%; margin-top: 1rem;">
         <h3>联系方式</h3>
         <img src="/images/dz2.jpeg" style="width: 200px; margin: auto;"></img>
       </b-card>