huangjinming/cebg-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
huangjinming 2023-03-20 18:01:23 +08:00
parent 23db879b96
commit 8ebf2cab6a
1 changed files with 27 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/components/layout/NavBar.vue
View File

@ -18,14 +18,19 @@
<div class="dropdown" v-show="showNavMenu">
<ul>
<li v-for="(item, index) in nav.submenu" :key="index">
<a class="link-name" :href="item.link" v-if="i !== 2">
{{ item.label }}
<img
class="link-img"
src="../../assets/img/home/link-icon.png"
alt=""
/></a>
<span v-else>{{ item.label }}</span>
<div class="link-content" v-if="i !== 2">
<div>
<a class="link-name" :href="item.link">{{ item.label }}</a>
</div>
<div>
<img
class="link-img"
src="../../assets/img/home/link-icon.png"
alt=""
/>
</div>
</div>
<div v-else class="link-label">{{ item.label }}</div>
</li>
</ul>
</div>
@ -191,7 +196,7 @@ watchEffect(() => {
.dropdown {
position: absolute;
top: 100%;
left: 0;
left: -4px;
background: rgba(0, 0, 0, 0.84);
border-radius: 0px 0px 12px 12px;
z-index: 1;
@ -211,6 +216,19 @@ watchEffect(() => {
padding-right: 20px;
cursor: pointer;
}
.link-content{
display: flex;
width: 90px;
align-items: center;
justify-content: space-between;
}
.link-label{
font-size: 15px;
font-family: Arial;
font-weight: 400;
color: #ffffff;
}
.dropdown li a {
font-size: 16px;
font-family: Arial;