Commit cd35d3e0d16cb57cb15c2ca20c8a663f21e4bfbf
1 parent
9f8796ee
fix: fix the occupancy problem of the folding button (#90)
Showing
4 changed files
with
16 additions
and
8 deletions
CHANGELOG.zh_CN.md
package.json
... | ... | @@ -23,7 +23,7 @@ |
23 | 23 | "dependencies": { |
24 | 24 | "@iconify/iconify": "^2.0.0-rc.2", |
25 | 25 | "@vueuse/core": "^4.0.0-beta.41", |
26 | - "ant-design-vue": "^2.0.0-beta.15", | |
26 | + "ant-design-vue": "^2.0.0-rc.1", | |
27 | 27 | "apexcharts": "3.22.0", |
28 | 28 | "axios": "^0.21.0", |
29 | 29 | "echarts": "^4.9.0", | ... | ... |
src/layouts/default/header/LayoutHeader.tsx
... | ... | @@ -119,6 +119,9 @@ export default defineComponent({ |
119 | 119 | |
120 | 120 | const width = unref(widthRef); |
121 | 121 | |
122 | + const showLeft = | |
123 | + (mode !== MenuModeEnum.HORIZONTAL && showBreadCrumb && !splitMenu) || | |
124 | + unref(showHeaderTrigger); | |
122 | 125 | return ( |
123 | 126 | <Layout.Header class={['layout-header', 'flex p-0 px-4 ', unref(headerClass)]}> |
124 | 127 | {() => ( |
... | ... | @@ -128,12 +131,16 @@ export default defineComponent({ |
128 | 131 | <Logo class={`layout-header__logo`} theme={headerTheme} /> |
129 | 132 | )} |
130 | 133 | |
131 | - <div class="layout-header__left"> | |
132 | - {unref(showHeaderTrigger) && <LayoutTrigger theme={headerTheme} sider={false} />} | |
133 | - {mode !== MenuModeEnum.HORIZONTAL && showBreadCrumb && !splitMenu && ( | |
134 | - <LayoutBreadcrumb showIcon={showBreadCrumbIcon} /> | |
135 | - )} | |
136 | - </div> | |
134 | + {showLeft && ( | |
135 | + <div class="layout-header__left"> | |
136 | + {unref(showHeaderTrigger) && ( | |
137 | + <LayoutTrigger theme={headerTheme} sider={false} /> | |
138 | + )} | |
139 | + {mode !== MenuModeEnum.HORIZONTAL && showBreadCrumb && !splitMenu && ( | |
140 | + <LayoutBreadcrumb showIcon={showBreadCrumbIcon} /> | |
141 | + )} | |
142 | + </div> | |
143 | + )} | |
137 | 144 | |
138 | 145 | {unref(showTopMenu) && ( |
139 | 146 | <div | ... | ... |
yarn.lock
... | ... | @@ -1850,7 +1850,7 @@ ansi-styles@^4.0.0, ansi-styles@^4.1.0: |
1850 | 1850 | dependencies: |
1851 | 1851 | color-convert "^2.0.1" |
1852 | 1852 | |
1853 | -ant-design-vue@^2.0.0-beta.15: | |
1853 | +ant-design-vue@^2.0.0-rc.1: | |
1854 | 1854 | version "2.0.0-rc.1" |
1855 | 1855 | resolved "https://registry.npmjs.org/ant-design-vue/-/ant-design-vue-2.0.0-rc.1.tgz#2ef02475f3aa4c1474f2fe3cf44a52c34787be02" |
1856 | 1856 | integrity sha512-iKXkFtTHarvLHV7LWmYh6g/Cmkv+xK+vS621A1Qvg37Z6lCGg3K9BGAizmklAYzOTiPz0Ltt63eSiNqYMGh52g== | ... | ... |