lb #6
@ -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;
|
||||||
|
|
||||||
* {
|
img {
|
||||||
vertical-align: middle;
|
width: calc(100vw / 2560 * 32);
|
||||||
|
height: calc(100vw / 2560 * 32);
|
||||||
|
margin-right: calc(100vw / 2560 * 16);
|
||||||
|
// width: 26px;
|
||||||
|
// height: 26px;
|
||||||
|
// marginright: 14px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user