初始化

2024-01-30 09:30:56 +08:00
parent a38cfb023d
commit ff582f261b
213 changed files with 37514 additions and 4 deletions
@@ -0,0 +1,78 @@
+<template>
+  <div class="layout-logo" v-if="setShowLogo" @click="onThemeConfigChange">
+    <!-- <img :src="logo" class="layout-logo-medium-img" /> -->
+    <!-- <span>{{ getThemeConfig.globalTitle }}</span> -->
+    <span>数字校园教育管理平台</span>
+  </div>
+  <div class="layout-logo-size" v-else @click="onThemeConfigChange">
+    <img :src="logo" class="layout-logo-size-img" />
+  </div>
+</template>
+
+<script>
+export default {
+  name: "layoutLogo",
+  data() {
+    return {
+      logo: require("@/assets/logo.png"),
+    };
+  },
+  computed: {
+    // 获取布局配置信息
+    getThemeConfig() {
+      console.log(this.$store.state.themeConfig);
+      return this.$store.state.themeConfig.themeConfig;
+    },
+    // 设置 logo 是否显示
+    setShowLogo() {
+      let { isCollapse, layout } = this.$store.state.themeConfig.themeConfig;
+      return !isCollapse || layout === "classic" || document.body.clientWidth < 1000;
+    },
+  },
+  methods: {
+    // logo 点击实现菜单展开/收起
+    onThemeConfigChange() {
+      if (this.$store.state.themeConfig.themeConfig.layout === "transverse") return false;
+      this.$store.state.themeConfig.themeConfig.isCollapse = !this.$store.state
+        .themeConfig.themeConfig.isCollapse;
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.layout-logo {
+  width: 220px;
+  height: 50px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow: rgb(0 21 41 / 2%) 0px 1px 4px;
+  color: var(--prev-color-primary);
+  font-size: 16px;
+  cursor: pointer;
+  animation: logoAnimation 0.3s ease-in-out;
+  &:hover {
+    span {
+      opacity: 0.9;
+    }
+  }
+  &-medium-img {
+    width: 20px;
+    margin-right: 5px;
+    position: relative;
+    top: 2px;
+  }
+}
+.layout-logo-size {
+  width: 100%;
+  height: 50px;
+  display: flex;
+  cursor: pointer;
+  &-img {
+    width: 20px;
+    margin: auto;
+    animation: logoAnimation 0.3s ease-in-out;
+  }
+}
+</style>