From 41d17c53aefd9ff54d1a4234f683485ff353927b Mon Sep 17 00:00:00 2001
From: "huanqing.shao" <shaohq@foxmail.com>
Date: Thu, 22 Aug 2019 13:57:13 +0800
Subject: [PATCH] promotion

---
 .vuepress/components/Promotion.vue | 72 ++++++++++++++++++++++++++++++
 .vuepress/theme/layouts/Layout.vue |  3 +-
 2 files changed, 74 insertions(+), 1 deletion(-)
 create mode 100644 .vuepress/components/Promotion.vue

diff --git a/.vuepress/components/Promotion.vue b/.vuepress/components/Promotion.vue
new file mode 100644
index 0000000..3c9ed64
--- /dev/null
+++ b/.vuepress/components/Promotion.vue
@@ -0,0 +1,72 @@
+<template>
+  <div>
+    <el-dialog
+      title="有奖征文进行中"
+      :visible.sync="dialogVisible"
+      :fullscreen="true"
+      :center="true"
+      custom-class="promotion-dialog"
+      :append-to-body	="true">
+      <div>
+        <img style="max-width: 100%;" @click="gotoStar" alt="Kuboard 有奖征文火热进行中，最高可得1000元现金大奖" src="https://blog.kuboard.cn/wp-content/uploads/2019/08/banner-2-576x1024.png"></img>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="waitAMoment">一会儿再说</el-button>
+        <el-button type="primary" @click="gotoStar">去看看！</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import Vue from 'vue'
+import 'element-ui/lib/theme-chalk/index.css';
+import { Dialog, Button } from 'element-ui';
+
+Vue.component(Dialog.name, Dialog)
+Vue.component(Button.name, Button)
+
+export default {
+  data() {
+    return {
+      dialogVisible: false
+    };
+  },
+  mounted () {
+    // this.waitAMoment()
+    this.dialogVisible = this.$page.path.indexOf('micro-service') > 0 && localStorage.getItem('promotion') !== 'compaign'
+  },
+  methods: {
+    waitAMoment() {
+      this.dialogVisible = false
+      if (localStorage.getItem('promotion') === 'compaign') {
+        return
+      }
+      let _this = this
+      setTimeout(_ => {
+        _this.dialogVisible = true
+      }, 60000 * 6)
+    },
+    gotoStar() {
+      this.dialogVisible = false
+      window.open('https://blog.kuboard.cn/compaign')
+      localStorage.setItem('promotion', 'compaign')
+    }
+  }
+}
+</script>
+
+<style>
+.promotion-dialog {
+  background-color:rgba(10,10,10,0.2);
+  margin-left: 0;
+  margin-right: 0;
+  padding: 0;
+}
+
+.promotion-dialog .el-dialog__body {
+  padding: 0;
+  text-align: center;
+}
+
+</style>
diff --git a/.vuepress/theme/layouts/Layout.vue b/.vuepress/theme/layouts/Layout.vue
index db3c579..8ebc0b3 100644
--- a/.vuepress/theme/layouts/Layout.vue
+++ b/.vuepress/theme/layouts/Layout.vue
@@ -14,7 +14,7 @@
         <div class="side-nav-item" :style="activeLinkStyle('/micro-service/')">
           <a href="/micro-service/spring-cloud/" class="nav-link">微服务</a>
         </div>
-        <div class="side-nav-item" :style="activeLinkStyle('/micro-service/')">
+        <div class="side-nav-item" :style="activeLinkStyle('/noactive/')">
           <a href="https://blog.kuboard.cn/compaign/" target="_blank" class="nav-link">有奖征文</a>
         </div>
         <!-- <div class="side-nav-item" :style="activeLinkStyle('/support/')">
@@ -22,6 +22,7 @@
         </div> -->
       </div>
       <StarGazer/>
+      <Promotion/>
     </div>
     <div slot="page-bottom" class="bottom-description">Copyright © 2019-present <a href="http://www.eigpay.com" target="_blank">仁聚汇通</a> | 京ICP备19008693号-2</div>
   </ParentLayout>