{"remainingRequest":"D:\\jiayue\\cemp-ui\\node_modules\\babel-loader\\lib\\index.js!D:\\jiayue\\cemp-ui\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\jiayue\\cemp-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jiayue\\cemp-ui\\src\\page\\wel.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jiayue\\cemp-ui\\src\\page\\wel.vue","mtime":1619070292876},{"path":"D:\\jiayue\\cemp-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jiayue\\cemp-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jiayue\\cemp-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jiayue\\cemp-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/es7.object.get-own-property-descriptors\";\nimport \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.object.keys\";\nimport _defineProperty from \"D:/jiayue/cemp-ui/node_modules/@babel/runtime/helpers/esm/defineProperty\";\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\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//\nimport { mapGetters } from 'vuex';\nexport default {\n  name: 'wel',\n  data: function 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: _objectSpread({}, mapGetters(['website'])),\n  methods: {\n    getData: function getData() {\n      if (this.count < this.DATA.length - 1) {\n        this.count++;\n      } else {\n        this.count = 0;\n      }\n\n      this.isText = true;\n      this.actor = this.DATA[this.count];\n    },\n    setData: function setData() {\n      var _this = this;\n\n      var num = 0;\n      var count = 0;\n      var active = false;\n      var timeoutstart = 5000;\n      var timeoutend = 1000;\n      var timespeed = 10;\n      setInterval(function () {\n        if (_this.isText) {\n          if (count == _this.actor.length) {\n            active = true;\n          } else {\n            active = false;\n          }\n\n          if (active) {\n            num--;\n            _this.text = _this.actor.substr(0, num);\n\n            if (num == 0) {\n              _this.isText = false;\n              setTimeout(function () {\n                count = 0;\n\n                _this.getData();\n              }, timeoutend);\n            }\n          } else {\n            num++;\n            _this.text = _this.actor.substr(0, num);\n\n            if (num == _this.actor.length) {\n              _this.isText = false;\n              setTimeout(function () {\n                _this.isText = true;\n                count = _this.actor.length;\n              }, timeoutstart);\n            }\n          }\n        }\n      }, timespeed);\n    }\n  }\n};",{"version":3,"sources":["wel.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,SAAA,UAAA,QAAA,MAAA;AAEA,eAAA;AACA,EAAA,IAAA,EAAA,KADA;AAEA,EAAA,IAFA,kBAEA;AACA,WAAA;AACA,MAAA,WAAA,EAAA,CAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,CADA;AAEA,MAAA,IAAA,EAAA,EAFA;AAGA,MAAA,IAAA,EAAA,EAHA;AAIA,MAAA,KAAA,EAAA,EAJA;AAKA,MAAA,KAAA,EAAA,CALA;AAMA,MAAA,MAAA,EAAA;AANA,KAAA;AAQA,GAXA;AAYA,EAAA,QAAA,oBACA,UAAA,CAAA,CAAA,SAAA,CAAA,CADA,CAZA;AAeA,EAAA,OAAA,EAAA;AACA,IAAA,OADA,qBACA;AACA,UAAA,KAAA,KAAA,GAAA,KAAA,IAAA,CAAA,MAAA,GAAA,CAAA,EAAA;AACA,aAAA,KAAA;AACA,OAFA,MAEA;AACA,aAAA,KAAA,GAAA,CAAA;AACA;;AACA,WAAA,MAAA,GAAA,IAAA;AACA,WAAA,KAAA,GAAA,KAAA,IAAA,CAAA,KAAA,KAAA,CAAA;AACA,KATA;AAUA,IAAA,OAVA,qBAUA;AAAA;;AACA,UAAA,GAAA,GAAA,CAAA;AACA,UAAA,KAAA,GAAA,CAAA;AACA,UAAA,MAAA,GAAA,KAAA;AACA,UAAA,YAAA,GAAA,IAAA;AACA,UAAA,UAAA,GAAA,IAAA;AACA,UAAA,SAAA,GAAA,EAAA;AACA,MAAA,WAAA,CAAA,YAAA;AACA,YAAA,KAAA,CAAA,MAAA,EAAA;AACA,cAAA,KAAA,IAAA,KAAA,CAAA,KAAA,CAAA,MAAA,EAAA;AACA,YAAA,MAAA,GAAA,IAAA;AACA,WAFA,MAEA;AACA,YAAA,MAAA,GAAA,KAAA;AACA;;AACA,cAAA,MAAA,EAAA;AACA,YAAA,GAAA;AACA,YAAA,KAAA,CAAA,IAAA,GAAA,KAAA,CAAA,KAAA,CAAA,MAAA,CAAA,CAAA,EAAA,GAAA,CAAA;;AACA,gBAAA,GAAA,IAAA,CAAA,EAAA;AACA,cAAA,KAAA,CAAA,MAAA,GAAA,KAAA;AACA,cAAA,UAAA,CAAA,YAAA;AACA,gBAAA,KAAA,GAAA,CAAA;;AACA,gBAAA,KAAA,CAAA,OAAA;AACA,eAHA,EAGA,UAHA,CAAA;AAIA;AACA,WAVA,MAUA;AACA,YAAA,GAAA;AACA,YAAA,KAAA,CAAA,IAAA,GAAA,KAAA,CAAA,KAAA,CAAA,MAAA,CAAA,CAAA,EAAA,GAAA,CAAA;;AACA,gBAAA,GAAA,IAAA,KAAA,CAAA,KAAA,CAAA,MAAA,EAAA;AACA,cAAA,KAAA,CAAA,MAAA,GAAA,KAAA;AACA,cAAA,UAAA,CAAA,YAAA;AACA,gBAAA,KAAA,CAAA,MAAA,GAAA,IAAA;AACA,gBAAA,KAAA,GAAA,KAAA,CAAA,KAAA,CAAA,MAAA;AACA,eAHA,EAGA,YAHA,CAAA;AAIA;AACA;AACA;AACA,OA7BA,EA6BA,SA7BA,CAAA;AA8BA;AA/CA;AAfA,CAAA","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"],"sourceRoot":"src/page"}]}