Ana Sayfa Keşfet Yardım
Üye Ol Giriş Yap
lhl
/
zyAdmin
1
0
Çatalla 0
Dosyalar Sorunlar 0 Değişiklik İstekleri 0 Wiki
Ağaç: 2bdf874dbb
Dallar Biçim İmleri
zyAdmin
/
node_modules
/
.cache
/
vue-loader
/
ecd8af5329fa4921cd64520c8d357003.json

ecd8af5329fa4921cd64520c8d357003.json 5.0 KB
Geçmiş Ham

1 
  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=style&index=0&id=6e24d36a&scoped=true&lang=scss","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\layout\\logo\\index.vue","mtime":1761614938997},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\css-loader\\index.js","mtime":1761614929364},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1761614937403},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\postcss-loader\\src\\index.js","mtime":1761614935133},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1761614936391},{"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:DQoubGF5b3V0LWxvZ28gew0KICB3aWR0aDogMTgwcHg7DQogIGhlaWdodDogNTBweDsNCiAgZGlzcGxheTogZmxleDsNCiAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7DQogIC8vICAgYm94LXNoYWRvdzogMHB4IDFweCA0cHggcmdiYSgwLCAyMSwgNDEsIDIlKTsNCiAgY29sb3I6IHZhcigtLXByZXYtY29sb3ItcHJpbWFyeSk7DQogIGZvbnQtc2l6ZTogMTZweDsNCiAgY3Vyc29yOiBwb2ludGVyOw0KICBhbmltYXRpb246IGxvZ29BbmltYXRpb24gMC4zcyBlYXNlLWluLW91dDsNCiAgJjpob3ZlciB7DQogICAgc3BhbiB7DQogICAgICBvcGFjaXR5OiAwLjk7DQogICAgfQ0KICB9DQogICYtbWVkaXVtLWltZyB7DQogICAgd2lkdGg6IDEwMCU7DQogICAgaGVpZ2h0OiA1MHB4Ow0KICAgIG1hcmdpbi1yaWdodDogNXB4Ow0KICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsNCiAgICB0b3A6IDJweDsNCiAgfQ0KfQ0KLmxheW91dC1sb2dvLXNpemUgew0KICB3aWR0aDogNTBweDsNCiAgaGVpZ2h0OiA1MHB4Ow0KICBkaXNwbGF5OiBmbGV4Ow0KICBjdXJzb3I6IHBvaW50ZXI7DQogIG1hcmdpbjogYXV0bzsNCg0KICAmLWltZyB7DQogICAgd2lkdGg6IDUwcHg7DQogICAgaGVpZ2h0OiA1MHB4Ow0KICAgIG1hcmdpbjogYXV0bzsNCiAgICBhbmltYXRpb246IGxvZ29BbmltYXRpb24gMC4zcyBlYXNlLWluLW91dDsNCiAgfQ0KfQ0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AAkEA;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;;AAEA;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"]}]}
    2.