| 1 |
- {"remainingRequest":"D:\\jiayue\\cemp-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jiayue\\cemp-ui\\src\\page\\wel.vue?vue&type=style&index=0&id=53b37492&scoped=scoped&lang=scss&","dependencies":[{"path":"D:\\jiayue\\cemp-ui\\src\\page\\wel.vue","mtime":1619070292876},{"path":"D:\\jiayue\\cemp-ui\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\jiayue\\cemp-ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\jiayue\\cemp-ui\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jiayue\\cemp-ui\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"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":["\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"]}]}
|
