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 @@ ...@@ -35,6 +35,7 @@
aria-expanded="false" aria-expanded="false"
>{{ nav.name }}</a >{{ nav.name }}</a
> >
<i class="mobile-menu-down bi bi-chevron-compact-down"></i>
<!-- Dropdown Menu --> <!-- Dropdown Menu -->
<HeaderDropdown :nav="nav" @itemClick="handleItemClick" /> <HeaderDropdown :nav="nav" @itemClick="handleItemClick" />
...@@ -303,6 +304,47 @@ export default { ...@@ -303,6 +304,47 @@ export default {
top: 16px; top: 16px;
right: 0; 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) { @media (min-width: 992px) {
...@@ -310,10 +352,8 @@ export default { ...@@ -310,10 +352,8 @@ export default {
.navbar-expand-lg.navbar-end .navbar-sticky-top-scroller { .navbar-expand-lg.navbar-end .navbar-sticky-top-scroller {
margin-left: auto; margin-left: auto;
} }
.gs-header-nav .mobile-menu-down {
// .gs-header-nav .gs-nav-item.nav-item { display: none;
// > a { }
// }
// }
} }
</style> </style>
src/components/layout/header/mock.js
...@@ -35,7 +35,7 @@ export const nav = [ ...@@ -35,7 +35,7 @@ export const nav = [
}, },
{ {
id: uuid("gs_nav"), id: uuid("gs_nav"),
name: "中心简介", name: "中心领导",
index: 0, index: 0,
link: "/Org/Leadership", link: "/Org/Leadership",
breadcrumb: [ breadcrumb: [
...@@ -45,7 +45,7 @@ export const nav = [ ...@@ -45,7 +45,7 @@ export const nav = [
}, },
{ {
id: uuid("gs_nav"), id: uuid("gs_nav"),
name: "机构概况", name: "内设机构",
index: 0, index: 0,
link: "/Org/Departments", link: "/Org/Departments",
breadcrumb: [ breadcrumb: [
...@@ -53,47 +53,7 @@ export const nav = [ ...@@ -53,47 +53,7 @@ export const nav = [
{ name: "内设机构" }, { 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"), id: uuid("gs_nav"),
name: "质量管理体系", name: "质量管理体系",
index: 0, index: 0,
...@@ -161,6 +121,46 @@ export const nav = [ ...@@ -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 = [ ...@@ -481,13 +481,13 @@ export const nav = [
children: [ children: [
{ {
id: uuid("gs_nav"), id: uuid("gs_nav"),
name: "办理全球位置码(GLN)", name: "全球参与方位置代码（GLN）业务办理",
index: 2, index: 2,
link: "/Business/GLN", link: "/Business/GLN",
breadcrumb: [ breadcrumb: [
{ name: "业务大厅", path: "/Business" }, { name: "业务大厅", path: "/Business" },
{ name: "办理其他业务", path: "/Business/GLN" }, { 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