Skip to content

G
gs1
Commit 600f1b5b by Lyan
Options

资讯中心导航页面内容提交

parent e45fc667
Showing with 310 additions and 8 deletions
src/components/layout/header/mock.js
......@@ -554,6 +554,47 @@ export const nav = [
{ name: "资讯中心", path: "/News/index" },
{ name: "标准科研动态" },
],
},
{
id: uuid("gs_nav"),
name: "行业应用",
index: 5,
link: "/News/Application",
breadcrumb: [
{ name: "资讯中心", path: "/News/index" },
{ name: "行业应用" },
],
},
{
id: uuid("gs_nav"),
name: "深度专题",
index: 5,
link: "/News/DepthTopics",
breadcrumb: [
{ name: "资讯中心", path: "/News/index" },
{ name: "深度专题" },
],
},
{
id: uuid("gs_nav"),
name: "精彩视频",
index: 5,
link: "/News/Video",
breadcrumb: [
{ name: "资讯中心", path: "/News/index" },
{ name: "精彩视频" },
],
},
{
id: uuid("gs_nav"),
name: "公告通知",
index: 5,
link: "/News/Notice",
breadcrumb: [
{ name: "资讯中心", path: "/News/index" },
{ name: "公告通知" },
],
}
],
},
......
src/router/index.js
......@@ -486,6 +486,46 @@ const routes = [
},
component: () => import("@/views/News/Research.vue"),
},
{
path: "/News/Research",
name: "Research",
meta: {
name: "标准科研动态",
},
component: () => import("@/views/News/Research.vue"),
},
{
path: "/News/Application",
name: "Application",
meta: {
name: "行业应用",
},
component: () => import("@/views/News/Application.vue"),
},
{
path: "/News/DepthTopics",
name: "DepthTopics",
meta: {
name: "深度专题",
},
component: () => import("@/views/News/DepthTopics.vue"),
},
{
path: "/News/Video",
name: "Video",
meta: {
name: "精彩视频",
},
component: () => import("@/views/News/Video.vue"),
},
{
path: "/News/Notice",
name: "Notice",
meta: {
name: "公告通知",
},
component: () => import("@/views/News/Notice.vue"),
},
]
},
{
......
src/views/News/Application.vue 0 → 100644
<template>
<div class="composite">
<cate :father="bzkydtCate"></cate>
<div class="container">
<list :list="list" />
<pages />
</div>
</div>
</template>
<script>
import cate from "../comps/cate.vue";
import list from "./comps/list.vue";
import pages from "../comps/pages.vue";
export default {
components: {
cate,
list,
pages,
},
data() {
return {
bzkydtCate: {
name: "行业应用",
ico: "",
},
list: [
{
name: "[精彩推荐]企业可通过国家食品（产品）安全追溯平台自动生成物流标…",
time: "2017/10/31",
},
{
name: "[精彩推荐]从企业、服务商和消费者的角度解读《商品二维码》国家标",
time: "2017/08/25",
},
{
name: "商务部办公厅 财政部办公厅关于开展供应链体系建设工作的通知",
time: "2017/08/18",
},
],
};
},
methods: {},
};
</script>
<style lang="scss" scoped>
.composite {
@include module-box;
ul {
padding: 0;
margin: 0;
}
}
</style>
\ No newline at end of file
src/views/News/DepthTopics.vue 0 → 100644
<template>
<div class="composite">
<cate :father="bzkydtCate"></cate>
<div class="container">
<list :list="list" />
<pages />
</div>
</div>
</template>
<script>
import cate from "../comps/cate.vue";
import list from "./comps/list.vue";
import pages from "../comps/pages.vue";
export default {
components: {
cate,
list,
pages,
},
data() {
return {
bzkydtCate: {
name: "深度专题",
ico: "",
},
list: [
{
name: "“扫”遍双十一 “码”上确定性",
time: "2008-12-30",
},
{
name: "“码上”陪你笑傲电商江湖",
time: "2007-11-05",
},
{
name: "进口商品如何发布全网，拿好这个跨境进口数据法宝",
time: "2007-09-13",
},
],
};
},
methods: {},
};
</script>
<style lang="scss" scoped>
.composite {
@include module-box;
ul {
padding: 0;
margin: 0;
}
}
</style>
\ No newline at end of file
src/views/News/Notice.vue 0 → 100644
<template>
<div class="composite">
<cate :father="bzkydtCate"></cate>
<div class="container">
<p style="color:red;margin:15px 0 0 0 ;">【中心】</p>
<list :list="list" />
<pages />
</div>
</div>
</template>
<script>
import cate from "../comps/cate.vue";
import list from "./comps/list.vue";
import pages from "../comps/pages.vue";
export default {
components: {
cate,
list,
pages,
},
data() {
return {
bzkydtCate: {
name: "公告通知",
ico: "",
},
list: [
{
name: "Ecode平台运维项目招标公告",
},
{
name: "关于《汉信码的嵌入式识读软硬件系统开发》和《商品二维码生成工具服务平台开发》项目立项论证结果的公示",
},
{
name: "关于召开超高频RFID GEN2 v3标准升级需求研讨会的通知",
},
],
};
},
methods: {},
};
</script>
<style lang="scss" scoped>
.composite {
@include module-box;
ul {
padding: 0;
margin: 0;
}
}
</style>
\ No newline at end of file
src/views/News/Video.vue 0 → 100644
<template>
<div class="composite">
<cate :father="bzkydtCate"></cate>
<div class="container">
<list :list="list" />
<pages />
</div>
</div>
</template>
<script>
import cate from "../comps/cate.vue";
import list from "./comps/list.vue";
import pages from "../comps/pages.vue";
export default {
components: {
cate,
list,
pages,
},
data() {
return {
bzkydtCate: {
name: "精彩视频",
ico: "",
},
list: [
{
name: "抗击疫情 中国物品编码中心在行动！",
time: "2020/01/31",
},
{
name: "《新闻联播》：制度集成创新让博鳌乐城初步实现医疗技术、设备、药品“三同步” ——GS",
time: "2021/04/14",
},
{
name: "GS1总部最新追溯视频——GS1追溯标准助力供应链可视化和效率提升",
time: "2020/08/26",
},
],
};
},
methods: {},
};
</script>
<style lang="scss" scoped>
.composite {
@include module-box;
ul {
padding: 0;
margin: 0;
}
}
</style>
\ No newline at end of file
src/views/News/main.vue
......@@ -61,23 +61,23 @@ export default {
},
{
name: "行业应用",
path: "",
active: "",
path: "/News/Application",
active: "Application",
},
{
name: "深度专题",
path: "",
active: "",
path: "/News/DepthTopics",
active: "DepthTopics",
},
{
name: "精彩视频",
path: "",
active: "",
path: "/News/Video",
active: "Video",
},
{
name: "公告通知",
path: "",
active: "",
path: "/News/Notice",
active: "Notice",
},
],
},
......
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