Unverified Commit 413a5952 by Sendya

refactor: basic layout

parent 6a553ec3
import PropTypes from 'ant-design-vue/es/_util/vue-types' import PropTypes from 'ant-design-vue/es/_util/vue-types'
// TODO // TODO
export default { export default {
name: 'TagSelect', name: 'TagSelect',
props: { props: {
......
<template> <template>
<a-layout :class="['layout', device]"> <a-layout :class="['layout', device]">
<!-- SideMenu --> <!-- SideMenu -->
<template> <a-drawer
<a-drawer v-if="isMobile()"
v-if="isMobile()" placement="left"
placement="left" :wrapClassName="`drawer-sider ${navTheme}`"
:wrapClassName="`drawer-sider ${navTheme}`" :closable="false"
:closable="false" :visible="collapsed"
:visible="collapsed" @close="drawerClose"
@close="drawerClose" >
>
<side-menu
mode="inline"
:menus="menus"
:theme="navTheme"
:collapsed="false"
:collapsible="true"
@menuSelect="menuSelect"
></side-menu>
</a-drawer>
<side-menu <side-menu
v-else-if="isSideMenu()"
mode="inline" mode="inline"
:menus="menus" :menus="menus"
:theme="navTheme" :theme="navTheme"
:collapsed="collapsed" :collapsed="false"
:collapsible="true" :collapsible="true"
@menuSelect="menuSelect"
></side-menu> ></side-menu>
</template> </a-drawer>
<side-menu
v-else-if="isSideMenu()"
mode="inline"
:menus="menus"
:theme="navTheme"
:collapsed="collapsed"
:collapsible="true"
></side-menu>
<a-layout :class="[layoutMode, `content-width-${contentWidth}`]" :style="{ paddingLeft: contentPaddingLeft, minHeight: '100vh' }"> <a-layout :class="[layoutMode, `content-width-${contentWidth}`]" :style="{ paddingLeft: contentPaddingLeft, minHeight: '100vh' }">
<!-- layout header --> <!-- layout header -->
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment