增加公告

src/components/Gonggao.vue

@@ -0,0 +1,59 @@
+<template>
+  <div>
+    <el-dialog width="520px" :close-on-press-escape="false" :close-on-click-modal="false"  class="medalbox"  :visible.sync="showGonggao"  :append-to-body="true" >
+        <div class="jinian-medal-img" :style="`background: url(${webBaseUrl}/images/gonggao/dlg_bg.png) no-repeat;`">
+           <div style="text-align: left;padding:180px 70px 100px 60px; width: 500px;">
+             <div style="color: #333333;font-size: 26px;padding: 30px 0px;text-align: center;">最新公告</div>
+             <div style="color: #333333;font-size: 18px;height: 150px;">
+               为了保障信息安全，为您提供更优质的服务，学习平台计划在2022年11月8日晚24点-11月9日早6点进行服务器升级，
+               在此期间，您无法登录学习，给您带来不便，还请谅解，感谢您的理解与支持。
+             </div>
+           </div>
+        </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  export default{
+    data() {
+      return {
+        showGonggao:false
+      };
+    },
+    mounted() {
+       let now=new Date();
+       let min=new Date(2022,10,7,14,0,0);
+       let max=new Date(2022,10,9,6,0,0);
+       //console.log(now,min,max);
+       //console.log(now.getTime(),min.getTime(),max.getTime());
+       if(now.getTime()>min.getTime() && now.getTime()<max.getTime()){
+         //console.log('open')
+         this.showGonggao=true;
+       }
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+
+  .jinian-medal-img{
+    text-align: center;
+    padding-top: 10px;
+  }
+  .medalbox {
+    background: transparent !important;
+    ::v-deep .el-dialog{
+      background: transparent !important;
+      box-shadow:none !important;
+      .el-dialog__header{
+         display: none !important;
+      }
+      .el-dialog__body{
+        //  width: 320px !important;
+        //  height: 420px !important;
+        background: transparent !important;
+      }
+    }
+  }
+</style>