| 1 |
- {"remainingRequest":"D:\\jiayue\\pig-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jiayue\\pig-ui\\src\\page\\wel.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jiayue\\pig-ui\\src\\page\\wel.vue","mtime":1619070292876},{"path":"D:\\jiayue\\pig-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jiayue\\pig-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jiayue\\pig-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jiayue\\pig-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"]}]}
|
