diff --git a/public/index.html b/public/index.html index 4123528..00e80dd 100644 --- a/public/index.html +++ b/public/index.html @@ -1,5 +1,10 @@ + diff --git a/src/App.vue b/src/App.vue index 51b2471..d89725d 100644 --- a/src/App.vue +++ b/src/App.vue @@ -18,10 +18,6 @@ export default { diff --git a/src/assets/banner.jpg b/src/assets/banner.jpg new file mode 100644 index 0000000..f0c1d3d Binary files /dev/null and b/src/assets/banner.jpg differ diff --git a/src/assets/css/Footer.css b/src/assets/css/Footer.css new file mode 100644 index 0000000..987bdf9 --- /dev/null +++ b/src/assets/css/Footer.css @@ -0,0 +1,30 @@ +.footer{ + position: fixed; + bottom: 0; + height:11.3vw; + width: 100%; + align-items: center; + background-color: #0a1d30; +} + +.footer-content{ + display: flex; + justify-content: center; + align-items: center; + margin: 3.2vw; +} + +.logo{ + width: 200px; +} + +.text{ + + text-align: center; + align-items: center; + margin-left: 50px; + color: white; + font-size: 15px; + vertical-align: middle; + +} \ No newline at end of file diff --git a/src/assets/css/Header.css b/src/assets/css/Header.css new file mode 100644 index 0000000..3a842bd --- /dev/null +++ b/src/assets/css/Header.css @@ -0,0 +1,11 @@ +.nav{ + text-align: center; + display: flex; + /*vertical-align: center;*/ + justify-content: center; +} + +.el-menu-item{ + font-size: 1.1rem; + +} \ No newline at end of file diff --git a/src/assets/logo-white.svg b/src/assets/logo-white.svg new file mode 100644 index 0000000..4d0718a --- /dev/null +++ b/src/assets/logo-white.svg @@ -0,0 +1,28 @@ + + + logo-white + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/logo.svg b/src/assets/logo.svg new file mode 100644 index 0000000..9a26408 --- /dev/null +++ b/src/assets/logo.svg @@ -0,0 +1 @@ +hskylogo \ No newline at end of file diff --git a/src/assets/logo/tel.png b/src/assets/logo/tel.png new file mode 100644 index 0000000..284e87f Binary files /dev/null and b/src/assets/logo/tel.png differ diff --git a/src/components/Footer.vue b/src/components/Footer.vue new file mode 100644 index 0000000..03c065b --- /dev/null +++ b/src/components/Footer.vue @@ -0,0 +1,30 @@ + + + + + \ No newline at end of file diff --git a/src/components/Header.vue b/src/components/Header.vue new file mode 100644 index 0000000..1746399 --- /dev/null +++ b/src/components/Header.vue @@ -0,0 +1,55 @@ + + + + + \ No newline at end of file diff --git a/src/layout/HomeLayout.vue b/src/layout/HomeLayout.vue new file mode 100644 index 0000000..33f279c --- /dev/null +++ b/src/layout/HomeLayout.vue @@ -0,0 +1,23 @@ + + + + + \ No newline at end of file diff --git a/src/pages/Home.vue b/src/pages/Home.vue new file mode 100644 index 0000000..b01c784 --- /dev/null +++ b/src/pages/Home.vue @@ -0,0 +1,15 @@ + + + + + \ No newline at end of file diff --git a/src/router/index.js b/src/router/index.js index 6e0cb94..7c9be81 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -4,136 +4,29 @@ import VueRouter from 'vue-router' Vue.use(VueRouter) let routes = [ - { - //TODO:404 - path: '*', - component: () => import('../views/develop.vue'), - }, + // { + // //TODO:404 + // path: '*', + // component: () => import('../views/develop.vue'), + // }, { path: '/', + component: () => import("@/layout/HomeLayout"), name: 'Home', redirect: '/home', - }, - { - path: '/dashboard', - name: 'Dashboard', - layout: "dashboard", - // route level code-splitting - // this generates a separate chunk (about.[hash].js) for this route - // which is lazy-loaded when the route is visited. - component: () => import(/* webpackChunkName: "dashboard" */ '../views/Dashboard.vue'), - }, - { - path: '/info', - name: '信息版', - layout: "dashboard", - // route level code-splitting - // this generates a separate chunk (about.[hash].js) for this route - // which is lazy-loaded when the route is visited. - component: () => import(/* webpackChunkName: "dashboard" */ '../views/Info-Page.vue'), + children:[ + { + // 首页 + path: "/home", + component: () => import("@/pages/Home"), + meta: { + // 页面标题title + title: '红山开源社区' + } + }, + ] }, - { - path: '/tables', - name: 'Tables', - layout: "dashboard", - component: () => import('../views/Tables.vue'), - }, - { - path: '/billing', - name: 'Billing', - layout: "dashboard", - component: () => import('../views/Billing.vue'), - }, - { - path: '/rtl', - name: 'RTL', - layout: "dashboard-rtl", - meta: { - layoutClass: 'dashboard-rtl', - }, - component: () => import('../views/RTL.vue'), - }, - { - path: '/Profile', - name: '个人主页', - layout: "dashboard", - meta: { - layoutClass: 'layout-profile', - }, - component: () => import('../views/Profile.vue'), - }, - { - path: '/sign-in', - name: 'Sign-In', - component: () => import('../views/Sign-In.vue'), - }, - { - path: '/activeAccount', - name: 'ActiveAccount', - component: () => import('../views/ActiveAccount.vue'), - }, - { - path: '/sign-up', - name: 'Sign-Up', - meta: { - layoutClass: 'layout-sign-up', - }, - component: () => import('../views/Sign-Up.vue'), - }, - { - path: '/reviewApply', - name: '申请成为审核员', - layout: 'dashboard', - component: () => import('../views/ReviewApply.vue'), - }, - - - - { - path: '/home', - name: 'Home', - meta: { - layoutClass: 'layout-home', - }, - component: () => import('../views/Home.vue'), - }, - - { - path: '/caseDetails', - name: 'CaseDetails', - component: () => import('../views/CaseDetails.vue'), - }, - - { - path: '/infoList', - name: '案例信息', - layout: "dashboard", - component: () => import('../views/InfoList.vue'), - }, - { - path: '/authManage', - name: '认证审核', - layout: "manage", - component: () => import('../views/AuthManage.vue'), - }, - { - path: '/userManage', - name: '用户管理', - layout: "manage", - component: () => import('../views/UserManage.vue'), - }, - { - path: '/searchResult', - name: '搜索结果', - layout: "dashboard", - component: () => import('../views/SearchResult.vue'), - }, - { - path: '/casePost', - name: 'CasePost', - component: () => import('../views/CasePost.vue'), - }, ] // Adding layout property from each route to the meta