{"remainingRequest":"D:\\cloud\\cemp\\cemp-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\cloud\\cemp\\cemp-ui\\src\\page\\wel.vue?vue&type=style&index=0&id=53b37492&scoped=scoped&lang=scss&","dependencies":[{"path":"D:\\cloud\\cemp\\cemp-ui\\src\\page\\wel.vue","mtime":1619070292876},{"path":"D:\\cloud\\cemp\\cemp-ui\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\cloud\\cemp\\cemp-ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\cloud\\cemp\\cemp-ui\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\cloud\\cemp\\cemp-ui\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\cloud\\cemp\\cemp-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\cloud\\cemp\\cemp-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.wel-contailer {\n  position: relative;\n}\n\n.banner-text {\n  position: relative;\n  padding: 0 20px;\n  font-size: 20px;\n  text-align: center;\n  color: #333;\n}\n\n.banner-img {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0.8;\n  display: none;\n}\n\n.actor {\n  height: 250px;\n  overflow: hidden;\n  font-size: 18px;\n  color: #333;\n}\n\n.actor:after {\n  content: '';\n  width: 3px;\n  height: 25px;\n  vertical-align: -5px;\n  margin-left: 5px;\n  background-color: #333;\n  display: inline-block;\n  animation: blink 0.4s infinite alternate;\n}\n\n.typeing:after {\n  animation: none;\n}\n\n@keyframes blink {\n  to {\n    opacity: 0;\n  }\n}\n",{"version":3,"sources":["wel.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8GA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"wel.vue","sourceRoot":"src/page","sourcesContent":["<template>\r\n  <div>\r\n    <basic-container>\r\n      <div class=\"banner-text\">\r\n        <span>\r\n          <a href=\"https://avue.top/#/pay\" target=\"_blank\">\r\n            <img src=\"https://img.shields.io/badge/Element-2.13.6-green.svg\" alt=\"Build Status\">\r\n          </a>\r\n          <img src=\"https://img.shields.io/badge/Spring%20Boot-2.4.5-yellowgreen.svg\" alt=\"Downloads\">\r\n          <img src=\"https://img.shields.io/badge/Spring%20Cloud-2020-blue.svg\" alt=\"Coverage Status\">\r\n        </span>\r\n        <br/>\r\n        <span>\r\n          <el-collapse v-model=\"activeNames\">\r\n            <el-collapse-item name=\"1\">\r\n              <div>基于Spring Cloud 2020</div>\r\n              <div>基于Spring Boot 2.4.5</div>\r\n            </el-collapse-item>\r\n            <el-collapse-item name=\"2\">\r\n              <div>支持docker部署</div>\r\n              <div>支持Rancher2 + Kubernetes部署</div>\r\n            </el-collapse-item>\r\n            <el-collapse-item name=\"3\">\r\n              <div>基于Spring Security OAuth 2.0 深度定制</div>\r\n              <div>完美兼容2.X，优化集群部署，提升性能</div>\r\n            </el-collapse-item>\r\n            <el-collapse-item name=\"4\">\r\n              <div>深度定制 Spring Cloud Alibaba 便于开发使用</div>\r\n              <div>完善监控流程，支持微服务全组件接入监控</div>\r\n              <div><a href=\"https://pig4cloud.com\" target=\"_blank\">详细介绍</a></div>\r\n            </el-collapse-item>\r\n          </el-collapse>\r\n        </span>\r\n      </div>\r\n\r\n    </basic-container>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import {mapGetters} from 'vuex';\r\n\r\n  export default {\r\n    name: 'wel',\r\n    data() {\r\n      return {\r\n        activeNames: ['1', '2', '3', '4'],\r\n        DATA: [],\r\n        text: '',\r\n        actor: '',\r\n        count: 0,\r\n        isText: false\r\n      }\r\n    },\r\n    computed: {\r\n      ...mapGetters(['website'])\r\n    },\r\n    methods: {\r\n      getData() {\r\n        if (this.count < this.DATA.length - 1) {\r\n          this.count++\r\n        } else {\r\n          this.count = 0\r\n        }\r\n        this.isText = true\r\n        this.actor = this.DATA[this.count]\r\n      },\r\n      setData() {\r\n        let num = 0\r\n        let count = 0\r\n        let active = false\r\n        let timeoutstart = 5000\r\n        let timeoutend = 1000\r\n        let timespeed = 10\r\n        setInterval(() => {\r\n          if (this.isText) {\r\n            if (count == this.actor.length) {\r\n              active = true\r\n            } else {\r\n              active = false\r\n            }\r\n            if (active) {\r\n              num--\r\n              this.text = this.actor.substr(0, num)\r\n              if (num == 0) {\r\n                this.isText = false\r\n                setTimeout(() => {\r\n                  count = 0\r\n                  this.getData()\r\n                }, timeoutend)\r\n              }\r\n            } else {\r\n              num++\r\n              this.text = this.actor.substr(0, num)\r\n              if (num == this.actor.length) {\r\n                this.isText = false\r\n                setTimeout(() => {\r\n                  this.isText = true\r\n                  count = this.actor.length\r\n                }, timeoutstart)\r\n              }\r\n            }\r\n          }\r\n        }, timespeed)\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped=\"scoped\" lang=\"scss\">\r\n  .wel-contailer {\r\n    position: relative;\r\n  }\r\n\r\n  .banner-text {\r\n    position: relative;\r\n    padding: 0 20px;\r\n    font-size: 20px;\r\n    text-align: center;\r\n    color: #333;\r\n  }\r\n\r\n  .banner-img {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    opacity: 0.8;\r\n    display: none;\r\n  }\r\n\r\n  .actor {\r\n    height: 250px;\r\n    overflow: hidden;\r\n    font-size: 18px;\r\n    color: #333;\r\n  }\r\n\r\n  .actor:after {\r\n    content: '';\r\n    width: 3px;\r\n    height: 25px;\r\n    vertical-align: -5px;\r\n    margin-left: 5px;\r\n    background-color: #333;\r\n    display: inline-block;\r\n    animation: blink 0.4s infinite alternate;\r\n  }\r\n\r\n  .typeing:after {\r\n    animation: none;\r\n  }\r\n\r\n  @keyframes blink {\r\n    to {\r\n      opacity: 0;\r\n    }\r\n  }\r\n</style>\r\n"]}]}