| | |
| | | <template> |
| | | <div class="avue-logo"> |
| | | <transition name="fade"> |
| | | <span v-if="keyCollapse" |
| | | class="avue-logo_subtitle" |
| | | key="0"> |
| | | {{website.logo}} |
| | | </span> |
| | | <span v-if="keyCollapse" class="avue-logo_subtitle" key="0">{{website.logo}}</span> |
| | | </transition> |
| | | <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> |
| | | </template> |
| | | |
| | | <script> |
| | | import { mapGetters } from "vuex"; |
| | | import { mapGetters } from "vuex" |
| | | export default { |
| | | name: "logo", |
| | | data() { |
| | | return {}; |
| | | return {} |
| | | }, |
| | | created() {}, |
| | | computed: { |
| | |
| | | position: fixed; |
| | | top: 0; |
| | | left: 0; |
| | | width: 240px; |
| | | width: 280px; |
| | | height: 64px; |
| | | line-height: 64px; |
| | | background-color: #20222a; |