blackteay/vue-antd-admin
1
0
Fork 0
mirror of https://github.com/iczer/vue-antd-admin synced 2025-04-05 19:41:37 +08:00
Code Issues Projects Releases Wiki Activity

修改：侧边设置增加提示；

Browse Source
This commit is contained in:
iczer 2020-06-21 18:40:59 +08:00
parent ffed8a92a7
commit cb95fb2371
2 changed files with 13 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/checkbox/ImgCheckbox.vue
View File

@ -1,10 +1,12 @@
<template>
<div class="img-check-box" @click="toggle">
<img :src="img" />
<div v-if="sChecked" class="check-item">
<a-icon type="check" />
<a-tooltip :title="title">
<div class="img-check-box" @click="toggle">
<img :src="img" />
<div v-if="sChecked" class="check-item">
<a-icon type="check" />
</div>
</div>
</div>
</a-tooltip>
</template>
<script>
@ -85,7 +87,8 @@ export default {
},
value: {
required: true
}
},
title: String
},
data () {
return {

12
src/components/setting/Setting.vue
View File

@ -2,8 +2,8 @@
<a-layout-sider class="sider" width="273">
<setting-item title="整体风格设置">
<img-checkbox-group @change="setTheme">
<img-checkbox img="https://gw.alipayobjects.com/zos/rmsportal/LCkqqYNmvBEbokSDscrm.svg" :checked="true" value="dark"/>
<img-checkbox img="https://gw.alipayobjects.com/zos/rmsportal/jpRkZQMyYRryryPNtyIC.svg" value="light"/>
<img-checkbox title="暗色菜单风格" img="https://gw.alipayobjects.com/zos/rmsportal/LCkqqYNmvBEbokSDscrm.svg" :checked="true" value="dark"/>
<img-checkbox title="亮色菜单风格" img="https://gw.alipayobjects.com/zos/rmsportal/jpRkZQMyYRryryPNtyIC.svg" value="light"/>
</img-checkbox-group>
</setting-item>
<setting-item title="主题色">
@ -14,8 +14,8 @@
<a-divider/>
<setting-item title="导航设置">
<img-checkbox-group @change="setLayout">
<img-checkbox img="https://gw.alipayobjects.com/zos/rmsportal/JopDzEhOqwOjeNTXkoje.svg" :checked="true" value="side"/>
<img-checkbox img="https://gw.alipayobjects.com/zos/rmsportal/KDNDBbriJhLwuqMoxcAr.svg" value="head"/>
<img-checkbox title="侧边导航" img="https://gw.alipayobjects.com/zos/rmsportal/JopDzEhOqwOjeNTXkoje.svg" :checked="true" value="side"/>
<img-checkbox title="顶部导航" img="https://gw.alipayobjects.com/zos/rmsportal/KDNDBbriJhLwuqMoxcAr.svg" value="head"/>
</img-checkbox-group>
</setting-item>
<setting-item>
@ -44,10 +44,6 @@
色弱模式
<a-switch :checked="weekMode" slot="actions" size="small" @change="setWeekMode" />
</a-list-item>
<a-list-item>
显示抽屉按钮
<a-switch slot="actions" size="small" />
</a-list-item>
<a-list-item>
多页签模式
<a-switch :checked="multiPage" slot="actions" size="small" @change="setMultiPage" />