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

修复:窄屏下顶部导航布局问题;
master
chenghongxing 4 years ago
parent 556b5bf6fc
commit b8ccb5c6a1
  1. 4
      src/layouts/header/AdminHeader.vue

@ -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})`
} }

Loading…
Cancel
Save