feat: 添加设置页切换动画 导航栏间距微调

This commit is contained in:
ZiuChen 2022-09-20 20:54:15 +08:00
parent 02b1bd603d
commit bcaa2e29d5
2 changed files with 4 additions and 2 deletions

View File

@ -1,7 +1,9 @@
<template> <template>
<div class="app"> <div class="app">
<Main @show-setting="settingShown = true" v-show="!settingShown"></Main> <Main @show-setting="settingShown = true" v-show="!settingShown"></Main>
<Setting v-show="settingShown" @back="settingShown = false"></Setting> <transition name="el-fade-in-linear">
<Setting v-show="settingShown" @back="settingShown = false"></Setting>
</transition>
</div> </div>
</template> </template>

View File

@ -30,7 +30,7 @@
justify-content: center; justify-content: center;
min-width: 58px; min-width: 58px;
padding: 10px 15px 10px 15px; padding: 10px 15px 10px 15px;
margin: 10px 5px 10px 5px; margin: 10px 0px 10px 5px;
cursor: pointer; cursor: pointer;
border-radius: 5px; border-radius: 5px;
font-size: 14px; font-size: 14px;