{"remainingRequest":"D:\\cloud\\template\\demo-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\cloud\\template\\demo-ui\\src\\page\\index\\logo.vue?vue&type=style&index=0&lang=scss&","dependencies":[{"path":"D:\\cloud\\template\\demo-ui\\src\\page\\index\\logo.vue","mtime":1619070292874},{"path":"D:\\cloud\\template\\demo-ui\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\cloud\\template\\demo-ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\cloud\\template\\demo-ui\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\cloud\\template\\demo-ui\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"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\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",{"version":3,"sources":["logo.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA;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":"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>"]}]}