| | |
| | | <template> |
| | | <div class="layout-logo" v-if="setShowLogo" @click="onThemeConfigChange"> |
| | | <img :src="themeConfig.logoUrl" class="layout-logo-medium-img" v-if="showLogo" /> |
| | | <span>{{ themeConfig.globalTitle }}</span> |
| | | </div> |
| | | <div class="layout-logo-size" v-else @click="onThemeConfigChange"> |
| | | <img :src="themeConfig.logoUrl" class="layout-logo-size-img" /> |
| | | </div> |
| | | <div class="layout-logo" v-if="setShowLogo" @click="onThemeConfigChange"> |
| | | <img :src="themeConfig.logoUrl" class="layout-logo-medium-img" v-if="showLogo" /> |
| | | <span>{{ themeConfig.globalTitle }}</span> |
| | | </div> |
| | | <div class="layout-logo-size" v-else @click="onThemeConfigChange"> |
| | | <img :src="themeConfig.logoUrl" class="layout-logo-size-img" /> |
| | | </div> |
| | | </template> |
| | | |
| | | <script setup lang="ts" name="layoutLogo"> |
| | |
| | | height: 50px; |
| | | display: flex; |
| | | align-items: center; |
| | | margin-left: 15px; |
| | | margin-left: 15px; |
| | | box-shadow: rgb(0 21 41 / 2%) 0px 1px 4px; |
| | | color: var(--el-color-primary); |
| | | font-size: 16px; |
| | |
| | | white-space: nowrap; |
| | | display: inline-block; |
| | | font-weight: 800; |
| | | font-size: 18px; |
| | | font-size: 14px; |
| | | text-align: center; |
| | | width: 130px; |
| | | white-space: normal; |
| | | word-wrap: break-word; |
| | | } |
| | | &:hover { |
| | | span { |
| | |
| | | &-medium-img { |
| | | width: 12%; |
| | | margin-right: 5px; |
| | | padding:3px; |
| | | padding: 3px; |
| | | } |
| | | } |
| | | .layout-logo-size { |