修改侧边配置栏
This commit is contained in:
季圣华
@@ -58,49 +58,49 @@
|
|||||||
<a-divider />
|
<a-divider />
|
||||||
|
|
||||||
<div :style="{ marginBottom: '24px' }">
|
<div :style="{ marginBottom: '24px' }">
|
||||||
<h3 class="setting-drawer-index-title">导航模式</h3>
|
<!-- <h3 class="setting-drawer-index-title">导航模式</h3>-->
|
||||||
|
|
||||||
<div class="setting-drawer-index-blockChecbox">
|
<!-- <div class="setting-drawer-index-blockChecbox">-->
|
||||||
<a-tooltip>
|
<!-- <a-tooltip>-->
|
||||||
<template slot="title">
|
<!-- <template slot="title">-->
|
||||||
侧边栏导航
|
<!-- 侧边栏导航-->
|
||||||
</template>
|
<!-- </template>-->
|
||||||
<div class="setting-drawer-index-item" @click="handleLayout('sidemenu')">
|
<!-- <div class="setting-drawer-index-item" @click="handleLayout('sidemenu')">-->
|
||||||
<img src="https://gw.alipayobjects.com/zos/rmsportal/JopDzEhOqwOjeNTXkoje.svg" alt="sidemenu">
|
<!-- <img src="https://gw.alipayobjects.com/zos/rmsportal/JopDzEhOqwOjeNTXkoje.svg" alt="sidemenu">-->
|
||||||
<div class="setting-drawer-index-selectIcon" v-if="layoutMode === 'sidemenu'">
|
<!-- <div class="setting-drawer-index-selectIcon" v-if="layoutMode === 'sidemenu'">-->
|
||||||
<a-icon type="check"/>
|
<!-- <a-icon type="check"/>-->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
</a-tooltip>
|
<!-- </a-tooltip>-->
|
||||||
|
|
||||||
<a-tooltip>
|
<!-- <a-tooltip>-->
|
||||||
<template slot="title">
|
<!-- <template slot="title">-->
|
||||||
顶部栏导航
|
<!-- 顶部栏导航-->
|
||||||
</template>
|
<!-- </template>-->
|
||||||
<div class="setting-drawer-index-item" @click="handleLayout('topmenu')">
|
<!-- <div class="setting-drawer-index-item" @click="handleLayout('topmenu')">-->
|
||||||
<img src="https://gw.alipayobjects.com/zos/rmsportal/KDNDBbriJhLwuqMoxcAr.svg" alt="topmenu">
|
<!-- <img src="https://gw.alipayobjects.com/zos/rmsportal/KDNDBbriJhLwuqMoxcAr.svg" alt="topmenu">-->
|
||||||
<div class="setting-drawer-index-selectIcon" v-if="layoutMode !== 'sidemenu'">
|
<!-- <div class="setting-drawer-index-selectIcon" v-if="layoutMode !== 'sidemenu'">-->
|
||||||
<a-icon type="check"/>
|
<!-- <a-icon type="check"/>-->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
</a-tooltip>
|
<!-- </a-tooltip>-->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
<div :style="{ marginTop: '24px' }">
|
<div :style="{ marginTop: '24px' }">
|
||||||
<a-list :split="false">
|
<a-list :split="false">
|
||||||
<a-list-item>
|
<!-- <a-list-item>-->
|
||||||
<a-tooltip slot="actions">
|
<!-- <a-tooltip slot="actions">-->
|
||||||
<template slot="title">
|
<!-- <template slot="title">-->
|
||||||
该设定仅 [顶部栏导航] 时有效
|
<!-- 该设定仅 [顶部栏导航] 时有效-->
|
||||||
</template>
|
<!-- </template>-->
|
||||||
<a-select size="small" style="width: 80px;" :defaultValue="contentWidth" @change="handleContentWidthChange">
|
<!-- <a-select size="small" style="width: 80px;" :defaultValue="contentWidth" @change="handleContentWidthChange">-->
|
||||||
<a-select-option value="Fixed">固定</a-select-option>
|
<!-- <a-select-option value="Fixed">固定</a-select-option>-->
|
||||||
<a-select-option value="Fluid" v-if="layoutMode !== 'sidemenu'">流式</a-select-option>
|
<!-- <a-select-option value="Fluid" v-if="layoutMode !== 'sidemenu'">流式</a-select-option>-->
|
||||||
</a-select>
|
<!-- </a-select>-->
|
||||||
</a-tooltip>
|
<!-- </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" :defaultChecked="fixedHeader" @change="handleFixedHeader" />
|
<a-switch slot="actions" size="small" :defaultChecked="fixedHeader" @change="handleFixedHeader" />
|
||||||
<a-list-item-meta>
|
<a-list-item-meta>
|
||||||
@@ -143,15 +143,15 @@
|
|||||||
</a-list>
|
</a-list>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<a-divider />
|
<!-- <a-divider />-->
|
||||||
<div :style="{ marginBottom: '24px' }">
|
<!-- <div :style="{ marginBottom: '24px' }">-->
|
||||||
<a-alert type="warning">
|
<!-- <a-alert type="warning">-->
|
||||||
<span slot="message">
|
<!-- <span slot="message">-->
|
||||||
配置栏只在开发环境用于预览，生产环境不会展现，请手动修改配置文件
|
<!-- 生产环境如需修改默认配置，请手动修改配置文件-->
|
||||||
<a href="https://github.com/sendya/ant-design-pro-vue/blob/master/src/defaultSettings.js" target="_blank">src/defaultSettings.js</a>
|
<!-- src/defaultSettings.js-->
|
||||||
</span>
|
<!-- </span>-->
|
||||||
</a-alert>
|
<!-- </a-alert>-->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
</div>
|
</div>
|
||||||
<div class="setting-drawer-index-handle" @click="toggle" v-if="visible">
|
<div class="setting-drawer-index-handle" @click="toggle" v-if="visible">
|
||||||
<!-- <a-icon type="setting" v-if="!visible"/>-->
|
<!-- <a-icon type="setting" v-if="!visible"/>-->
|
||||||
|
|||||||
Reference in New Issue
Block a user