| 1 |
- {"remainingRequest":"D:\\jiayue\\cemp-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jiayue\\cemp-ui\\src\\page\\index\\logo.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jiayue\\cemp-ui\\src\\page\\index\\logo.vue","mtime":1619070292874},{"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":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport { mapGetters } from \"vuex\";\r\nexport default {\r\n name: \"logo\",\r\n data() {\r\n return {};\r\n },\r\n created() {},\r\n computed: {\r\n ...mapGetters([\"website\", \"keyCollapse\"])\r\n },\r\n methods: {}\r\n};\r\n",{"version":3,"sources":["logo.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAmBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"logo.vue","sourceRoot":"src/page/index","sourcesContent":["<template>\r\n <div class=\"avue-logo\">\r\n <transition name=\"fade\">\r\n <span v-if=\"keyCollapse\"\r\n class=\"avue-logo_subtitle\"\r\n key=\"0\">\r\n {{website.logo}}\r\n </span>\r\n </transition>\r\n <transition-group name=\"fade\">\r\n <template v-if=\"!keyCollapse\">\r\n <span class=\"avue-logo_title\"\r\n key=\"1\">{{website.indexTitle}} </span>\r\n </template>\r\n </transition-group>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters } from \"vuex\";\r\nexport default {\r\n name: \"logo\",\r\n data() {\r\n return {};\r\n },\r\n created() {},\r\n computed: {\r\n ...mapGetters([\"website\", \"keyCollapse\"])\r\n },\r\n methods: {}\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.fade-leave-active {\r\n transition: opacity 0.2s;\r\n}\r\n.fade-enter-active {\r\n transition: opacity 2.5s;\r\n}\r\n.fade-enter,\r\n.fade-leave-to {\r\n opacity: 0;\r\n}\r\n.avue-logo {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 240px;\r\n height: 64px;\r\n line-height: 64px;\r\n background-color: #20222a;\r\n font-size: 20px;\r\n overflow: hidden;\r\n box-sizing: border-box;\r\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);\r\n color: rgba(255, 255, 255, 0.8);\r\n z-index: 1024;\r\n &_title {\r\n display: block;\r\n text-align: center;\r\n font-weight: 300;\r\n font-size: 16px;\r\n }\r\n &_subtitle {\r\n display: block;\r\n text-align: center;\r\n font-size: 18px;\r\n font-weight: bold;\r\n color: #fff;\r\n }\r\n}\r\n</style>"]}]}
|
