tcjlj/PicList
1
0
Fork 0
mirror of https://github.com/Kuingsmile/PicList.git synced 2025-02-08 21:38:13 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

Updated: sidebar

Browse Source
This commit is contained in:
Molunerfinn 2018-04-14 11:02:02 +08:00
parent fe7f688488
commit ad71117876
1 changed files with 53 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

81
src/renderer/components/SettingPage.vue
View File

@ -8,7 +8,7 @@
</div> </div>
</div> </div>
<el-row style="padding-top: 22px;" class="main-content"> <el-row style="padding-top: 22px;" class="main-content">
<el-col :span="5"> <el-col :span="5" class="side-bar-menu">
<el-menu <el-menu
class="picgo-sidebar" class="picgo-sidebar"
:default-active="defaultActive" :default-active="defaultActive"
@ -22,28 +22,36 @@
<i class="el-icon-picture"></i> <i class="el-icon-picture"></i>
<span slot="title">相册</span> <span slot="title">相册</span>
</el-menu-item> </el-menu-item>
<el-menu-item index="weibo"> <el-submenu
<i class="el-icon-ui-weibo"></i> index="sub-menu"
<span slot="title">微博设置</span> >
</el-menu-item> <template slot="title">
<el-menu-item index="qiniu"> <i class="el-icon-menu"></i>
<i class="el-icon-ui-qiniu"></i> <span>图床设置</span>
<span slot="title">七牛云设置</span> </template>
</el-menu-item> <el-menu-item index="weibo">
<el-menu-item index="tcyun"> <i class="el-icon-ui-weibo"></i>
<i class="el-icon-ui-tcyun"></i> <span slot="title">微博设置</span>
<span slot="title">腾讯COS设置</span> </el-menu-item>
</el-menu-item> <el-menu-item index="qiniu">
<el-menu-item index="upyun"> <i class="el-icon-ui-qiniu"></i>
<i class="el-icon-ui-upyun"></i> <span slot="title">七牛云设置</span>
<span slot="title">又拍云设置</span> </el-menu-item>
</el-menu-item> <el-menu-item index="tcyun">
<el-menu-item index="github"> <i class="el-icon-ui-tcyun"></i>
<i class="el-icon-ui-github"></i> <span slot="title">腾讯COS设置</span>
<span slot="title">GitHub设置</span> </el-menu-item>
</el-menu-item> <el-menu-item index="upyun">
<i class="el-icon-setting" @click="openDialog"></i> <i class="el-icon-ui-upyun"></i>
<span slot="title">又拍云设置</span>
</el-menu-item>
<el-menu-item index="github">
<i class="el-icon-ui-github"></i>
<span slot="title">GitHub设置</span>
</el-menu-item>
</el-submenu>
</el-menu> </el-menu>
<i class="el-icon-setting" @click="openDialog"></i>
</el-col> </el-col>
<el-col :span="19" :offset="5"> <el-col :span="19" :offset="5">
<router-view></router-view> <router-view></router-view>
@ -309,14 +317,14 @@ export default {
.el-icon-close .el-icon-close
&:hover &:hover
color #F15140 color #F15140
.picgo-sidebar .side-bar-menu
height calc(100vh - 22px)
.el-menu
border-right none
background transparent
position fixed position fixed
height calc(100vh - 22px)
overflow-x hidden
overflow-y auto
width 170px
.el-icon-setting .el-icon-setting
position absolute position fixed
bottom 4px bottom 4px
left 4px left 4px
cursor pointer cursor pointer
@ -324,6 +332,10 @@ export default {
transition .2s all ease-in-out transition .2s all ease-in-out
&:hover &:hover
color #409EFF color #409EFF
.el-menu
border-right none
background transparent
width 170px
&-item &-item
color #eee color #eee
position relative position relative
@ -341,6 +353,19 @@ export default {
right 0 right 0
top 18px top 18px
background active-color background active-color
.el-submenu__title
span
color #eee
&:hover
background transparent
span
color #fff
.el-submenu
.el-menu-item
min-width 166px
&.is-active
&:before
top 16px
.main-content .main-content
padding-top 22px padding-top 22px
position relative position relative