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"> <div class="dropdown" v-show="showNavMenu">
<ul> <ul>
<li v-for="(item, index) in nav.submenu" :key="index"> <li v-for="(item, index) in nav.submenu" :key="index">
<a class="link-name" :href="item.link" v-if="i !== 2"> <div class="link-content" v-if="i !== 2">
{{ item.label }} <div>
<img <a class="link-name" :href="item.link">{{ item.label }}</a>
class="link-img" </div>
src="../../assets/img/home/link-icon.png" <div>
alt="" <img
/></a> class="link-img"
<span v-else>{{ item.label }}</span> src="../../assets/img/home/link-icon.png"
alt=""
/>
</div>
</div>
<div v-else class="link-label">{{ item.label }}</div>
</li> </li>
</ul> </ul>
</div> </div>
@ -191,7 +196,7 @@ watchEffect(() => {
.dropdown { .dropdown {
position: absolute; position: absolute;
top: 100%; top: 100%;
left: 0; left: -4px;
background: rgba(0, 0, 0, 0.84); background: rgba(0, 0, 0, 0.84);
border-radius: 0px 0px 12px 12px; border-radius: 0px 0px 12px 12px;
z-index: 1; z-index: 1;
@ -211,6 +216,19 @@ watchEffect(() => {
padding-right: 20px; padding-right: 20px;
cursor: pointer; 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 { .dropdown li a {
font-size: 16px; font-size: 16px;
font-family: Arial; font-family: Arial;