diff --git a/src/assets/img/home/pres.png b/src/assets/img/home/pres.png new file mode 100644 index 0000000..dfcd272 Binary files /dev/null and b/src/assets/img/home/pres.png differ diff --git a/src/assets/img/home/pressdetail.png b/src/assets/img/home/pressdetail.png new file mode 100644 index 0000000..62233dc Binary files /dev/null and b/src/assets/img/home/pressdetail.png differ diff --git a/src/assets/img/home/pressimg.png b/src/assets/img/home/pressimg.png new file mode 100644 index 0000000..37eb7f7 Binary files /dev/null and b/src/assets/img/home/pressimg.png differ diff --git a/src/components/header.vue b/src/components/header.vue index 4216f82..8ba6b7e 100644 --- a/src/components/header.vue +++ b/src/components/header.vue @@ -161,14 +161,19 @@ export default { methods: { //跳转导航 hanldeNav(index) { - if (index == 4) { + if (index == 0) { this.$router.push({ - path: "/aboutUs", + path: "/", }); } - if (index == 0) { + if (index == 3) { this.$router.push({ - path: "/", + path: "/pressCenter", + }); + } + if (index == 4) { + this.$router.push({ + path: "/aboutUs", }); } }, diff --git a/src/main.js b/src/main.js index 534eee6..a35edf2 100644 --- a/src/main.js +++ b/src/main.js @@ -12,3 +12,6 @@ new Vue({ router, render: (h) => h(App), }).$mount("#app"); +router.afterEach((to, from, next) => { + window.scrollTo(0, 0); +}); diff --git a/src/router/index.js b/src/router/index.js index 3cd3869..ac372e0 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -2,19 +2,31 @@ import Vue from "vue"; import VueRouter from "vue-router"; import HomeView from "../views/home.vue"; import AboutUs from "../views/aboutUs.vue"; +import PressCenter from "../views/pressCenter.vue"; +import PressDetail from "../views/pressDetail.vue"; Vue.use(VueRouter); const routes = [ { path: "/", - name: "home", + name: "首页", component: HomeView, }, { path: "/aboutUs", - name: "aboutUs", + name: "关于我们", component: AboutUs, }, + { + path: "/pressCenter", + name: "新闻中心", + component: PressCenter, + }, + { + path: "/pressDetail", + name: "文字详情", + component: PressDetail, + }, ]; const router = new VueRouter({ diff --git a/src/views/home.vue b/src/views/home.vue index f18cf74..b72fb2c 100644 --- a/src/views/home.vue +++ b/src/views/home.vue @@ -239,6 +239,7 @@ :src="require('@/assets/img/home/content.png')" fit="fill" > +
山东青鸟工业互联网有限公司祝您新年快乐
@@ -256,6 +257,9 @@ 根据《高新技术企业认定管理办法》(国科发火〔2016〕32号) 和《高新技术企业认定管理工作指引》(国科发火〔2016〕...
+
+ 了结更多 +
@@ -895,6 +899,21 @@ export default { .jo-left { width: 50%; height: 100%; + position: relative; + .black { + width: 100%; + height: 40px; + background: rgba(0, 0, 0, 0.6); + border-radius: 0px 0px 8px 8px; + position: absolute; + bottom: 0; + font-size: 12px; + font-family: PingFang SC; + font-weight: 600; + color: #ffffff; + line-height: 40px; + padding-left: 30px; + } } .jo-right { @@ -914,9 +933,26 @@ export default { } .jo-detail { width: 70%; - padding: 10px 15px; + padding: 13px 15px; background: #fff; height: 94px; + position: relative; + .jo-more { + width: 64px; + height: 18px; + background: #3370ff; + border-radius: 8px 0px 8px 0px; + position: absolute; + right: 0; + bottom: 0; + + font-size: 10px; + font-family: PingFang SC; + font-weight: 400; + color: #ffffff; + line-height: 18px; + text-align: center; + } .jo-title { font-size: 14px; @@ -933,7 +969,8 @@ export default { font-family: PingFang SC; font-weight: 400; color: #333333; - padding-top: 10px; + padding-top: 5px; + display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; diff --git a/src/views/pressCenter.vue b/src/views/pressCenter.vue new file mode 100644 index 0000000..67303f4 --- /dev/null +++ b/src/views/pressCenter.vue @@ -0,0 +1,231 @@ + + + \ No newline at end of file diff --git a/src/views/pressDetail.vue b/src/views/pressDetail.vue new file mode 100644 index 0000000..d7b123f --- /dev/null +++ b/src/views/pressDetail.vue @@ -0,0 +1,125 @@ + + + \ No newline at end of file