blackteay/vue-antd-admin
1
0
Fork 0
mirror of https://github.com/iczer/vue-antd-admin synced 2025-04-05 19:41:37 +08:00
Code Issues Projects Releases Wiki Activity

fix: layout problem of head navigation in narrow screen; 🐛

Browse Source 
修复：窄屏下顶部导航布局问题；
This commit is contained in:
chenghongxing 2020-09-17 13:25:27 +08:00
parent 556b5bf6fc
commit b8ccb5c6a1
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/layouts/header/AdminHeader.vue
View File

@ -13,7 +13,7 @@
<div :class="['admin-header-right', headerTheme]"> <div :class="['admin-header-right', headerTheme]">
<header-search class="header-item" @active="val => searchActive = val" /> <header-search class="header-item" @active="val => searchActive = val" />
<a-tooltip class="header-item" title="帮助文档" placement="bottom" > <a-tooltip class="header-item" title="帮助文档" placement="bottom" >
<a href="https://iczer.github.io/vue-antd-admin/" target="_blank"> <a href="https://iczer.gitee.io/vue-antd-admin-docs/" target="_blank">
<a-icon type="question-circle-o" /> <a-icon type="question-circle-o" />
</a> </a>
</a-tooltip> </a-tooltip>
@ -67,7 +67,7 @@ export default {
}, },
menuWidth() { menuWidth() {
const {layout, searchActive} = this const {layout, searchActive} = this
const headWidth = layout === 'head' ? '1236px' : '100%' const headWidth = layout === 'head' ? '100% - 188px' : '100%'
const extraWidth = searchActive ? '564px' : '364px' const extraWidth = searchActive ? '564px' : '364px'
return `calc(${headWidth} - ${extraWidth})` return `calc(${headWidth} - ${extraWidth})`
} }