| | |
| | | <div class="header-index-wide"> |
| | | <div class="header-index-left" :style="topMenuStyle.headerIndexLeft"> |
| | | <logo class="top-nav-header" :show-title="device !== 'mobile'" :style="topMenuStyle.topNavHeader"/> |
| | | <div class="top-nav-text"> |
| | | <div style="width:100%;height: 50%;line-height:35px">密级:内部</div> |
| | | <div style="width:100%;height: 50%;line-height:25px">警告:本系统禁止存储、处理、传输涉密信息</div> |
| | | </div> |
| | | <div v-if="device !== 'mobile'" :style="topMenuStyle.topSmenuStyle"> |
| | | <s-menu |
| | | mode="horizontal" |
| | |
| | | components: { |
| | | UserMenu, |
| | | SMenu, |
| | | Logo, |
| | | Logo |
| | | }, |
| | | mixins: [mixin], |
| | | props: { |
| | |
| | | headerIndexRight: {}, |
| | | topSmenuStyle: {} |
| | | }, |
| | | chatStatus: '', |
| | | chatStatus: '' |
| | | } |
| | | }, |
| | | watch: { |
| | |
| | | // update-begin-author:sunjianlei date:20210508 for: 修复动态功能测试菜单、带参数菜单标题错误、展开错误的问题 |
| | | handleUpdateMenuTitle(value) { |
| | | this.$emit('updateMenuTitle', value) |
| | | }, |
| | | } |
| | | // update-end-author:sunjianlei date:20210508 for: 修复动态功能测试菜单、带参数菜单标题错误、展开错误的问题 |
| | | |
| | | } |
| | |
| | | |
| | | /* update_end author:scott date:20190220 for: 缩小首页布局顶部的高度*/ |
| | | |
| | | .top-nav-text { |
| | | color: #f00; |
| | | height: 100% |
| | | } |
| | | |
| | | @media screen and (min-width: 1920px) { |
| | | .top-nav-text { |
| | | width: 400px; |
| | | } |
| | | } |
| | | |
| | | @media screen and (min-width: 1680px) and (max-width: 1920px) { |
| | | .top-nav-text { |
| | | width: 400px; |
| | | } |
| | | } |
| | | |
| | | @media screen and (min-width: 1400px) and (max-width: 1680px) { |
| | | .top-nav-text { |
| | | width: 500px; |
| | | } |
| | | |
| | | .top-nav-header { |
| | | display: none; |
| | | } |
| | | } |
| | | |
| | | @media screen and (min-width: 1280px) and (max-width: 1400px) { |
| | | .top-nav-text { |
| | | width: 600px; |
| | | } |
| | | |
| | | .top-nav-header { |
| | | display: none; |
| | | } |
| | | } |
| | | |
| | | @media screen and (max-width: 1280px) { |
| | | .top-nav-text { |
| | | width: 600px; |
| | | } |
| | | |
| | | .top-nav-header { |
| | | display: none; |
| | | } |
| | | } |
| | | </style> |