mt-fe-group/11-mes-new
12
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

udpate navbar

Browse Source
This commit is contained in:
lb 2022-11-09 11:59:58 +08:00
parent 2d92443a89
commit 66ce0d76f2
1 changed files with 16 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/layout/components/Navbar.vue
View File

@ -1,12 +1,10 @@
<template> <template>
<div class="navbar" :style="showTitle ? 'background: rgba(8,17,50,0.25)' : ''"> <div class="navbar" :style="showTitle ? 'background: rgba(8,17,50,0.25)' : ''">
<div v-if="showTitle" class="homeNavIcon" @click="goToRootPage"> <div v-if="showTitle" class="homeNavIcon" @click="goToRootPage">
<img <img src="../../assets/img/cnbm.png" alt="" />
src="../../assets/img/cnbm.png" <span>
style="width: 26px; height: 26px; position: relative; top: 6px; marginRight: 14px" {{ 'title' | i18nFilter }}
alt="" </span>
/>
{{ 'title' | i18nFilter }}
</div> </div>
<div v-if="showhome" style="display:flex; align-items: center;"> <div v-if="showhome" style="display:flex; align-items: center;">
@ -340,15 +338,21 @@ export default {
.homeNavIcon { .homeNavIcon {
cursor: pointer; cursor: pointer;
color: #fff; color: #fff;
font-size: calc(100vh / 1600 * 32); font-size: calc(100vw / 2560 * 28);
line-height: 1; line-height: 1;
float: left; letter-spacing: calc(100vw / 2560 * 2);
letter-spacing: 1px;
font-weight: 500; font-weight: 500;
padding-left: calc(100vw / 2560 * 32); padding-left: calc(100vw / 2560 * 32);
display: flex;
* { align-items: center;
vertical-align: middle;
img {
width: calc(100vw / 2560 * 32);
height: calc(100vw / 2560 * 32);
margin-right: calc(100vw / 2560 * 16);
// width: 26px;
// height: 26px;
// marginright: 14px;
} }
} }