{"remainingRequest":"D:\\cloud\\template\\demo-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\cloud\\template\\demo-ui\\src\\page\\wel.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\cloud\\template\\demo-ui\\src\\page\\wel.vue","mtime":1619070292876},{"path":"D:\\cloud\\template\\demo-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\cloud\\template\\demo-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\cloud\\template\\demo-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\cloud\\template\\demo-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\nimport {mapGetters} from 'vuex';\n\nexport default {\n  name: 'wel',\n  data() {\n    return {\n      activeNames: ['1', '2', '3', '4'],\n      DATA: [],\n      text: '',\n      actor: '',\n      count: 0,\n      isText: false\n    }\n  },\n  computed: {\n    ...mapGetters(['website'])\n  },\n  methods: {\n    getData() {\n      if (this.count < this.DATA.length - 1) {\n        this.count++\n      } else {\n        this.count = 0\n      }\n      this.isText = true\n      this.actor = this.DATA[this.count]\n    },\n    setData() {\n      let num = 0\n      let count = 0\n      let active = false\n      let timeoutstart = 5000\n      let timeoutend = 1000\n      let timespeed = 10\n      setInterval(() => {\n        if (this.isText) {\n          if (count == this.actor.length) {\n            active = true\n          } else {\n            active = false\n          }\n          if (active) {\n            num--\n            this.text = this.actor.substr(0, num)\n            if (num == 0) {\n              this.isText = false\n              setTimeout(() => {\n                count = 0\n                this.getData()\n              }, timeoutend)\n            }\n          } else {\n            num++\n            this.text = this.actor.substr(0, num)\n            if (num == this.actor.length) {\n              this.isText = false\n              setTimeout(() => {\n                this.isText = true\n                count = this.actor.length\n              }, timeoutstart)\n            }\n          }\n        }\n      }, timespeed)\n    }\n  }\n}\n",{"version":3,"sources":["wel.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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"]}]}