整体样式布局调试

main
fanfan 8 months ago
parent b0638583eb
commit f771e64818
  1. 16
      src/App.vue
  2. 2
      src/components/Menu/SideMenu.vue
  3. 10
      src/config/router.config.js
  4. 2
      src/global.less
  5. 4
      src/layouts/BasicLayout.vue

@ -21,11 +21,23 @@ export default {
}
</script>
<style>
.ant-layout {
width: 100% !important;
/* margin: 0 50px !important; */
}
.container {
/* overflow-x: scroll; */
max-width: 100% !important;
margin: 0 50px !important;
}
.ant-table-body {
overflow-x: scroll;
max-width: 1200px;
max-width: calc(100% - 50px);
}
.ant-layout-content{
width: calc(100% - 200px) !important;
}
.content{
width: 100% !important;
/* width: calc(100% - 230px) !important; */
}
</style>

@ -1,7 +1,7 @@
<template>
<a-layout-sider
:class="['sider', isDesktop() ? null : 'shadow', theme, fixSiderbar ? 'ant-fixed-sidemenu' : null ]"
width="256px"
width="200px"
style="margin-top: 24px"
:collapsible="collapsible"
v-model="collapsed"

@ -156,11 +156,11 @@ export const asyncRouterMap = [
component: PageView,
meta: { title: '云服务', keepAlive: false, icon: Icon['access'], permission: ['cloud'] },
children: [
{
path: '/cloud/upgrade',
component: () => import(/* webpackChunkName: "cloud" */ '@/views/cloud/upgrade'),
meta: { title: '在线更新', keepAlive: false, permission: ['cloud'] }
},
// {
// path: '/cloud/upgrade',
// component: () => import(/* webpackChunkName: "cloud" */ '@/views/cloud/upgrade'),
// meta: { title: '在线更新', keepAlive: false, permission: ['cloud'] }
// },
{
path: '/cloud/authorize',
component: () => import(/* webpackChunkName: "cloud" */ '@/views/cloud/authorize'),

@ -179,7 +179,7 @@ body {
transition: width 0.2s;
&.ant-header-side-opened {
width: calc(100% - 256px);
width: calc(100% - 200px);
}
&.ant-header-side-closed {

@ -82,7 +82,7 @@ export default {
return '0'
}
if (this.sidebarOpened) {
return '256px'
return '200px'
}
return '80px'
},
@ -133,7 +133,7 @@ export default {
paddingCalc() {
let left = ''
if (this.sidebarOpened) {
left = this.isDesktop() ? '256px' : '80px'
left = this.isDesktop() ? '200px' : '80px'
} else {
left = (this.isMobile() && '0') || (this.fixSidebar && '80px') || '0'
}

Loading…
Cancel
Save