| | |
| | | <div class="navbar"> |
| | | <!-- <breadcrumb id="breadcrumb-container" class="breadcrumb-container" v-if="!topNav"/>--> |
| | | <!-- <top-nav id="topmenu-container" class="topmenu-container" v-if="topNav"/>--> |
| | | <div class="logo"> |
| | | <img src="@/assets/logo/ZTTlogo.png" /> |
| | | </div> |
| | | <div class="center-menu"> |
| | | <span class="label">LIMS实验室管理系统</span> |
| | | </div> |
| | | <!-- <div class="logo">--> |
| | | <!-- <img src="@/assets/logo/ZTTlogo.png" />--> |
| | | <!-- </div>--> |
| | | <!--<!– <div class="center-menu">–>--> |
| | | <!-- <span class="label">装备LIMS实验室管理系统</span>--> |
| | | <!-- </div>--> |
| | | <div class="right-menu"> |
| | | <div class="avatar-wrapper"> |
| | | <img :src="avatar" class="user-avatar" /> |
| | | <el-avatar shape="square" :size="30">{{ nickName.substring(0, 1) }}</el-avatar> |
| | | <span class="userName">{{ nickName }}</span> |
| | | <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="click"> |
| | | <div class="avatar-wrapper"> |
| | |
| | | RuoYiDoc, |
| | | }, |
| | | computed: { |
| | | ...mapGetters(["avatar", "device", "nickName"]), |
| | | ...mapGetters(["device", "nickName"]), |
| | | setting: { |
| | | get() { |
| | | return this.$store.state.settings.showSettings; |
| | |
| | | z-index: 1000; /* 确保头部在其他内容之上 */ |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | justify-content: flex-end; |
| | | |
| | | .logo { |
| | | width: 118px; |