github
/
halo-admin
mirror of https://github.com/halo-dev/halo-admin
1
0
Fork 0
Code Issues Releases Wiki Activity

Refactor SettingDrawer.

pull/9/head
ruibaby 2019-04-22 01:22:38 +08:00
parent 7170619e6a
commit fe11e646b1
1 changed files with 50 additions and 69 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

119
src/components/SettingDrawer/SettingDrawer.vue
View File

@ -1,12 +1,6 @@
<template> <template>
<div class="setting-drawer" ref="settingDrawer"> <div class="setting-drawer" ref="settingDrawer">
<a-drawer <a-drawer width="300" closable @close="onClose" :visible="visible" :zIndex="9999">
width="300"
closable
@close="onClose"
:visible="visible"
:zIndex="9999"
>
<div class="setting-drawer-index-content"> <div class="setting-drawer-index-content">
<div :style="{ marginBottom: '24px' }"> <div :style="{ marginBottom: '24px' }">
<h3 class="setting-drawer-index-title">整体风格设置</h3> <h3 class="setting-drawer-index-title">整体风格设置</h3>
@ -80,68 +74,55 @@
</div> </div>
</div> </div>
</div> </div>
<div :style="{ marginTop: '24px' }"> </div>
<a-list :split="false"> <a-divider/>
<a-list-item>
<a-tooltip slot="actions"> <div :style="{ marginBottom: '24px' }">
<template slot="title">该设定仅 [顶部栏导航] 时有效</template> <h3 class="setting-drawer-index-title">仪表盘</h3>
<a-select <a-list :split="false">
size="small" <a-list-item>
style="width: 80px;" <a-switch slot="actions" size="small"/>
:defaultValue="contentWidth" <a-list-item-meta>
@change="handleContentWidthChange" <div slot="title">文章总数</div>
> </a-list-item-meta>
<a-select-option value="Fixed">固定</a-select-option> </a-list-item>
<a-select-option value="Fluid" v-if="layoutMode !== 'sidemenu'">流式</a-select-option> <a-list-item>
</a-select> <a-switch slot="actions" size="small"/>
</a-tooltip> <a-list-item-meta>
<a-list-item-meta> <div slot="title">评论总数</div>
<div slot="title">内容区域宽度</div> </a-list-item-meta>
</a-list-item-meta> </a-list-item>
</a-list-item> <a-list-item>
<a-list-item> <a-switch slot="actions" size="small"/>
<a-switch <a-list-item-meta>
slot="actions" <div slot="title">附件总数</div>
size="small" </a-list-item-meta>
:defaultChecked="fixedHeader" </a-list-item>
@change="handleFixedHeader" <a-list-item>
/> <a-switch slot="actions" size="small"/>
<a-list-item-meta> <a-list-item-meta>
<div slot="title">固定 Header</div> <div slot="title">成立天数</div>
</a-list-item-meta> </a-list-item-meta>
</a-list-item> </a-list-item>
<a-list-item> <a-list-item>
<a-switch <a-switch slot="actions" size="small"/>
slot="actions" <a-list-item-meta>
size="small" <div slot="title">最新文章</div>
:disabled="!fixedHeader" </a-list-item-meta>
:defaultChecked="autoHideHeader" </a-list-item>
@change="handleFixedHeaderHidden" <a-list-item>
/> <a-switch slot="actions" size="small"/>
<a-list-item-meta> <a-list-item-meta>
<div <div slot="title">最新日志</div>
slot="title" </a-list-item-meta>
:style="{ textDecoration: !fixedHeader ? 'line-through' : 'unset' }" </a-list-item>
>下滑时隐藏 Header</div> <a-list-item>
</a-list-item-meta> <a-switch slot="actions" size="small"/>
</a-list-item> <a-list-item-meta>
<a-list-item> <div slot="title">最新评论</div>
<a-switch </a-list-item-meta>
slot="actions" </a-list-item>
size="small" </a-list>
:disabled="layoutMode === 'topmenu'"
:defaultChecked="fixSiderbar"
@change="handleFixSiderbar"
/>
<a-list-item-meta>
<div
slot="title"
:style="{ textDecoration: layoutMode === 'topmenu' ? 'line-through' : 'unset' }"
>固定侧边菜单</div>
</a-list-item-meta>
</a-list-item>
</a-list>
</div>
</div> </div>
<a-divider/> <a-divider/>
</div> </div>