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