修改:侧边设置增加提示;

master
iczer 5 years ago
parent ffed8a92a7
commit cb95fb2371
  1. 15
      src/components/checkbox/ImgCheckbox.vue
  2. 12
      src/components/setting/Setting.vue

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

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

Loading…
Cancel
Save