Skip to content

G
gs1
Commit 9454c37e by Tang
Options

feat: 头部修改

parent c849cf12
Showing with 90 additions and 50 deletions
src/components/layout/header/index.vue
......@@ -35,6 +35,7 @@
aria-expanded="false"
>{{ nav.name }}</a
>
<i class="mobile-menu-down bi bi-chevron-compact-down"></i>
<!-- Dropdown Menu -->
<HeaderDropdown :nav="nav" @itemClick="handleItemClick" />
......@@ -303,6 +304,47 @@ export default {
top: 16px;
right: 0;
}
.gs-header-nav .gs-nav-item.nav-item {
position: relative;
> a {
width: 100%;
}
&.active > a,
a.show {
color: #f26335;
&::after {
content: "";
background-color: transparent;
}
}
}
.gs-header-nav .gs-nav-item.nav-item.active .mobile-menu-down {
transform: rotate(180deg);
}
.gs-header-nav .mobile-menu-down {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
right: 0;
width: 20px;
height: 41px;
transition: 0.3s;
}
.gs-header-nav .dropdown-menu.gs-nav-dropdown {
box-shadow: none;
padding: 20px 30px;
.row.title {
display: none;
}
}
}
@media (min-width: 992px) {
......@@ -310,10 +352,8 @@ export default {
.navbar-expand-lg.navbar-end .navbar-sticky-top-scroller {
margin-left: auto;
}
// .gs-header-nav .gs-nav-item.nav-item {
// > a {
// }
// }
.gs-header-nav .mobile-menu-down {
display: none;
}
}
</style>
src/components/layout/header/mock.js
......@@ -35,7 +35,7 @@ export const nav = [
},
{
id: uuid("gs_nav"),
name: "中心简介",
name: "中心领导",
index: 0,
link: "/Org/Leadership",
breadcrumb: [
......@@ -45,7 +45,7 @@ export const nav = [
},
{
id: uuid("gs_nav"),
name: "机构概况",
name: "内设机构",
index: 0,
link: "/Org/Departments",
breadcrumb: [
......@@ -53,47 +53,7 @@ export const nav = [
{ name: "内设机构" },
],
},
{
id: uuid("gs_nav"),
name: "质检中心/协会/杂志社/标委会/其他",
index: 0,
link: "/Org/Sites",
breadcrumb: [
{ name: "机构概况", path: "/Org" },
{ name: "质检中心/协会/杂志社/标委会/其他" },
],
},
{
id: uuid("gs_nav"),
name: "地方编码分支机构",
index: 0,
link: "/Org/Branch",
breadcrumb: [
{ name: "机构概况", path: "/Org" },
{ name: "地方编码分支机构" },
],
},
{
id: uuid("gs_nav"),
name: "地方编码分支机构",
index: 0,
link: "/Org/BranchMsg",
breadcrumb: [
{ name: "机构概况", path: "/Org" },
{ name: "地方编码分支机构" },
],
},
{
id: uuid("gs_nav"),
name: "国际物品编码组织（GS1）成员网站",
index: 0,
link: "/Org/GS1Members",
breadcrumb: [
{ name: "机构概况", path: "/Org" },
{ name: "国际物品编码组织（GS1）成员网站" },
],
},
{
{
id: uuid("gs_nav"),
name: "质量管理体系",
index: 0,
......@@ -161,6 +121,46 @@ export const nav = [
},
],
},
{
id: uuid("gs_nav"),
name: "质检中心/协会/杂志社/标委会/其他",
index: 0,
link: "/Org/Sites",
breadcrumb: [
{ name: "机构概况", path: "/Org" },
{ name: "质检中心/协会/杂志社/标委会/其他" },
],
},
{
id: uuid("gs_nav"),
name: "地方编码分支机构",
index: 0,
link: "/Org/Branch",
breadcrumb: [
{ name: "机构概况", path: "/Org" },
{ name: "地方编码分支机构" },
],
},
{
id: uuid("gs_nav"),
name: "国际物品编码组织",
index: 0,
link: "/Org/BranchMsg",
breadcrumb: [
{ name: "机构概况", path: "/Org" },
{ name: "国际物品编码组织" },
],
},
{
id: uuid("gs_nav"),
name: "国际物品编码组织（GS1）成员网站",
index: 0,
link: "/Org/GS1Members",
breadcrumb: [
{ name: "机构概况", path: "/Org" },
{ name: "国际物品编码组织（GS1）成员网站" },
],
},
],
},
],
......@@ -481,13 +481,13 @@ export const nav = [
children: [
{
id: uuid("gs_nav"),
name: "办理全球位置码(GLN)",
name: "全球参与方位置代码（GLN）业务办理",
index: 2,
link: "/Business/GLN",
breadcrumb: [
{ name: "业务大厅", path: "/Business" },
{ name: "办理其他业务", path: "/Business/GLN" },
{ name: "办理全球位置码(GLN)" },
{ name: "全球参与方位置代码（GLN）业务办理" },
],
},
{
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment