Administrator
2022-04-11 79d9fc857559982b00b68b2d709807bdc4cd286f
src/page/index/logo.vue
@@ -1,16 +1,14 @@
<template>
  <div class="avue-logo">
    <transition name="fade">
      <span v-if="keyCollapse"
            class="avue-logo_subtitle"
            key="0">
        {{website.logo}}
    <!-- <transition name="fade">
      <span v-if="keyCollapse" class="avue-logo_subtitle" key="0">
        {{ website.logo }}
      </span>
    </transition>
    </transition> -->
    <img v-if="keyCollapse" src="../../../public/img/top/shield.png" />
    <transition-group name="fade">
      <template v-if="!keyCollapse">
        <span class="avue-logo_title"
              key="1">{{website.indexTitle}} </span>
        <span class="avue-logo_title" key="1">{{ website.indexTitle }} </span>
      </template>
    </transition-group>
  </div>
@@ -25,9 +23,9 @@
  },
  created() {},
  computed: {
    ...mapGetters(["website", "keyCollapse"])
    ...mapGetters(["website", "keyCollapse"]),
  },
  methods: {}
  methods: {},
};
</script>
@@ -56,6 +54,18 @@
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.8);
  z-index: 1024;
  display: flex;
  align-items: center;
  justify-content: center;
  img {
    // margin: 0 auto;
    width: 25px;
  }
  &:hover {
    img {
      display: none;
    }
  }
  &_title {
    display: block;
    text-align: center;