logo postion

This commit is contained in:
smallwei 2019-02-15 14:40:24 +08:00
parent 01a42029f6
commit bdf5b4ebae
2 changed files with 18 additions and 2 deletions

BIN
public/img/bg/img-logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

View File

@ -4,13 +4,19 @@
<span v-if="keyCollapse" <span v-if="keyCollapse"
class="avue-logo_subtitle" class="avue-logo_subtitle"
key="0"> key="0">
{{website.logo}} <img src="img/bg/img-logo.png"
width="30" />
</span> </span>
</transition> </transition>
<transition-group name="fade"> <transition-group name="fade">
<template v-if="!keyCollapse"> <template v-if="!keyCollapse">
<span class="avue-logo_title" <span class="avue-logo_title"
key="1">{{website.indexTitle}} </span> key="1">
<div>
<img src="img/bg/img-logo.png"
width="30"
alt="">{{website.indexTitle}}</div>
</span>
</template> </template>
</transition-group> </transition-group>
</div> </div>
@ -61,8 +67,18 @@ export default {
text-align: center; text-align: center;
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: 16px;
div {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
img {
margin-right: 5px;
}
}
} }
&_subtitle { &_subtitle {
padding-top: 10px;
display: block; display: block;
text-align: center; text-align: center;
font-size: 18px; font-size: 18px;