| 1 |
- {"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\layout\\logo\\index.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\layout\\logo\\index.vue","mtime":1761614938997},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1761614927320},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1761614937402}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQppbXBvcnQgeyBnZXRMb2dvIH0gZnJvbSAnQC9hcGkvY29tbW9uJzsNCg0KZXhwb3J0IGRlZmF1bHQgew0KICBuYW1lOiAnbGF5b3V0TG9nbycsDQogIGRhdGEoKSB7DQogICAgcmV0dXJuIHsNCiAgICAgIG1pbkxvZ286ICcnLA0KICAgICAgbWF4TG9nbzogJycsDQogICAgfTsNCiAgfSwNCiAgY29tcHV0ZWQ6IHsNCiAgICAvLyDojrflj5bluIPlsYDphY3nva7kv6Hmga8NCiAgICBnZXRUaGVtZUNvbmZpZygpIHsNCiAgICAgIHJldHVybiB0aGlzLiRzdG9yZS5zdGF0ZS50aGVtZUNvbmZpZy50aGVtZUNvbmZpZzsNCiAgICB9LA0KICAgIC8vIOiuvue9riBsb2dvIOaYr+WQpuaYvuekug0KICAgIHNldFNob3dMb2dvKCkgew0KICAgICAgbGV0IHsgaXNDb2xsYXBzZSwgbGF5b3V0IH0gPSB0aGlzLiRzdG9yZS5zdGF0ZS50aGVtZUNvbmZpZy50aGVtZUNvbmZpZzsNCiAgICAgIHJldHVybiAhaXNDb2xsYXBzZSB8fCBsYXlvdXQgPT09ICdjbGFzc2ljJyB8fCBkb2N1bWVudC5ib2R5LmNsaWVudFdpZHRoIDwgMTAwMDsNCiAgICB9LA0KICB9LA0KICBtb3VudGVkKCkgew0KICAgIHRoaXMuZ2V0TG9nbygpOw0KICB9LA0KICBtZXRob2RzOiB7DQogICAgLy8gbG9nbyDngrnlh7vlrp7njrDoj5zljZXlsZXlvIAv5pS26LW3DQogICAgb25UaGVtZUNvbmZpZ0NoYW5nZSgpIHsNCiAgICAgIGlmICgNCiAgICAgICAgdGhpcy4kc3RvcmUuc3RhdGUudGhlbWVDb25maWcudGhlbWVDb25maWcubGF5b3V0ID09ICdjb2x1bW5zJyAmJg0KICAgICAgICAhdGhpcy4kc3RvcmUuc3RhdGUubWVudXMuY2hpbGRNZW51TGlzdC5sZW5ndGggJiYNCiAgICAgICAgdGhpcy4kc3RvcmUuc3RhdGUudGhlbWVDb25maWcudGhlbWVDb25maWcuaXNDb2xsYXBzZQ0KICAgICAgKQ0KICAgICAgICByZXR1cm47DQogICAgICBpZiAoDQogICAgICAgIHRoaXMuJHN0b3JlLnN0YXRlLnRoZW1lQ29uZmlnLnRoZW1lQ29uZmlnLmxheW91dCA9PT0gJ3RyYW5zdmVyc2UnIHx8DQogICAgICAgIHRoaXMuJHN0b3JlLnN0YXRlLnRoZW1lQ29uZmlnLnRoZW1lQ29uZmlnLmxheW91dCA9PT0gJ2NsYXNzaWMnDQogICAgICApDQogICAgICAgIHJldHVybiBmYWxzZTsNCiAgICAgIHRoaXMuJHN0b3JlLnN0YXRlLnRoZW1lQ29uZmlnLnRoZW1lQ29uZmlnLmlzQ29sbGFwc2UgPSAhdGhpcy4kc3RvcmUuc3RhdGUudGhlbWVDb25maWcudGhlbWVDb25maWcuaXNDb2xsYXBzZTsNCiAgICB9LA0KICAgIGdldExvZ28oKSB7DQogICAgICBnZXRMb2dvKCkudGhlbigocmVzKSA9PiB7DQogICAgICAgIHRoaXMubWluTG9nbyA9IHJlcy5kYXRhLmxvZ29fc3F1YXJlOw0KICAgICAgICB0aGlzLm1heExvZ28gPSByZXMuZGF0YS5sb2dvOw0KICAgICAgfSk7DQogICAgfSwNCiAgfSwNCn07DQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AAeA;;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","file":"index.vue","sourceRoot":"src/layout/logo","sourcesContent":["<template>\r\n <div\r\n class=\"layout-logo\"\r\n v-if=\"$store.state.themeConfig.themeConfig.layout !== 'columns' && !$store.state.themeConfig.themeConfig.isCollapse\"\r\n v-db-click\r\n @click=\"onThemeConfigChange\"\r\n >\r\n <img v-if=\"maxLogo\" class=\"layout-logo-medium-img\" :src=\"maxLogo\" />\r\n </div>\r\n <div class=\"layout-logo-size\" v-else v-db-click @click=\"onThemeConfigChange\">\r\n <img v-if=\"minLogo\" class=\"layout-logo-size-img\" :src=\"minLogo\" />\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { getLogo } from '@/api/common';\r\n\r\nexport default {\r\n name: 'layoutLogo',\r\n data() {\r\n return {\r\n minLogo: '',\r\n maxLogo: '',\r\n };\r\n },\r\n computed: {\r\n // 获取布局配置信息\r\n getThemeConfig() {\r\n return this.$store.state.themeConfig.themeConfig;\r\n },\r\n // 设置 logo 是否显示\r\n setShowLogo() {\r\n let { isCollapse, layout } = this.$store.state.themeConfig.themeConfig;\r\n return !isCollapse || layout === 'classic' || document.body.clientWidth < 1000;\r\n },\r\n },\r\n mounted() {\r\n this.getLogo();\r\n },\r\n methods: {\r\n // logo 点击实现菜单展开/收起\r\n onThemeConfigChange() {\r\n if (\r\n this.$store.state.themeConfig.themeConfig.layout == 'columns' &&\r\n !this.$store.state.menus.childMenuList.length &&\r\n this.$store.state.themeConfig.themeConfig.isCollapse\r\n )\r\n return;\r\n if (\r\n this.$store.state.themeConfig.themeConfig.layout === 'transverse' ||\r\n this.$store.state.themeConfig.themeConfig.layout === 'classic'\r\n )\r\n return false;\r\n this.$store.state.themeConfig.themeConfig.isCollapse = !this.$store.state.themeConfig.themeConfig.isCollapse;\r\n },\r\n getLogo() {\r\n getLogo().then((res) => {\r\n this.minLogo = res.data.logo_square;\r\n this.maxLogo = res.data.logo;\r\n });\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.layout-logo {\r\n width: 180px;\r\n height: 50px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n // box-shadow: 0px 1px 4px rgba(0, 21, 41, 2%);\r\n color: var(--prev-color-primary);\r\n font-size: 16px;\r\n cursor: pointer;\r\n animation: logoAnimation 0.3s ease-in-out;\r\n &:hover {\r\n span {\r\n opacity: 0.9;\r\n }\r\n }\r\n &-medium-img {\r\n width: 100%;\r\n height: 50px;\r\n margin-right: 5px;\r\n position: relative;\r\n top: 2px;\r\n }\r\n}\r\n.layout-logo-size {\r\n width: 50px;\r\n height: 50px;\r\n display: flex;\r\n cursor: pointer;\r\n margin: auto;\r\n\r\n &-img {\r\n width: 50px;\r\n height: 50px;\r\n margin: auto;\r\n animation: logoAnimation 0.3s ease-in-out;\r\n }\r\n}\r\n</style>\r\n"]}]}
|