duxianjin..
/
qn-web
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

fix:修改版心

master
杜贤金 2 years ago
parent
1bec8cfa28
commit
6cecc3bfd1
5 changed files with 29 additions and 28 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      public/index.html
  2. 2
      src/assets/css/style.css
  3. 12
      src/components/header.vue
  4. 7
      src/router/index.js
  5. 34
      src/views/home.vue

2
public/index.html
Unescape View File

@ -4,7 +4,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- <meta name="viewport" content="width=device-width,initial-scale=1.0"> --> <meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> <link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>山东青鸟工业互联网</title> <title>山东青鸟工业互联网</title>
</head> </head>

2
src/assets/css/style.css
Unescape View File

@ -27,7 +27,7 @@ ol {
} }
.modelWidth { .modelWidth {
width: 80%; width: 1200px;
margin: 0 auto; margin: 0 auto;
} }

12
src/components/header.vue
Unescape View File

@ -80,7 +80,7 @@
<script> <script>
export default { export default {
name: "Header", name: "Header",
// props: ["activeIndex"], props: ["activeIndex"],
data() { data() {
return { return {
navList: ["首页", "产品与服务", "解决方案", "新闻中心", "关于我们"], navList: ["首页", "产品与服务", "解决方案", "新闻中心", "关于我们"],
@ -162,6 +162,16 @@ export default {
//跳转导航 //跳转导航
hanldeNav(index) { hanldeNav(index) {
this.activeIndex = index; this.activeIndex = index;
if (index == 4) {
this.$router.push({
path: "/aboutUs",
});
}
if (index == 0) {
this.$router.push({
path: "/",
});
}
}, },
//产品服务 //产品服务
handleServe(index) { handleServe(index) {

7
src/router/index.js
Unescape View File

@ -1,7 +1,7 @@
import Vue from "vue"; import Vue from "vue";
import VueRouter from "vue-router"; import VueRouter from "vue-router";
import HomeView from "../views/home.vue"; import HomeView from "../views/home.vue";
import AboutUs from "../views/aboutUs.vue";
Vue.use(VueRouter); Vue.use(VueRouter);
const routes = [ const routes = [
@ -10,6 +10,11 @@ const routes = [
name: "home", name: "home",
component: HomeView, component: HomeView,
}, },
{
path: "/aboutUs",
name: "aboutUs",
component: AboutUs,
},
]; ];
const router = new VueRouter({ const router = new VueRouter({

34
src/views/home.vue
Unescape View File

@ -1,5 +1,5 @@
<template> <template>
<div class="home"> <div>
<top :activeIndex="activeIndexs"></top> <top :activeIndex="activeIndexs"></top>
<div class="ban"> <div class="ban">
<el-carousel height="500px" autoplay> <el-carousel height="500px" autoplay>
@ -125,7 +125,7 @@
<div class="solutabscontent"> <div class="solutabscontent">
<div class="left"> <div class="left">
<el-image <el-image
style="width: 100%; height: 400px" style="width: 40vw; height: 400px"
:src="require('@/assets/img/home/content.png')" :src="require('@/assets/img/home/content.png')"
></el-image> ></el-image>
</div> </div>
@ -158,7 +158,6 @@
<div <div
class="box-style" class="box-style"
style=" style="
width: 100%;
height: 730px; height: 730px;
background: #2b2d3a; background: #2b2d3a;
padding-top: 60px; padding-top: 60px;
@ -227,12 +226,7 @@
<!-- 新闻中心 --> <!-- 新闻中心 -->
<div <div
class="box-style" class="box-style"
style=" style="background: #e5eff9; padding-top: 60px; padding-bottom: 40px"
width: 100%;
background: #e5eff9;
padding-top: 60px;
padding-bottom: 40px;
"
> >
<div class="box-style-box"> <div class="box-style-box">
<headline heading="新闻中心" footing="News Center" /> <headline heading="新闻中心" footing="News Center" />
@ -271,22 +265,14 @@
<!-- 合作客户 --> <!-- 合作客户 -->
<div <div
class="box-style" class="box-style"
style=" style="background: #fff; padding-top: 60px; padding-bottom: 40px"
width: 100%;
background: #fff;
padding-top: 60px;
padding-bottom: 40px;
"
> >
<div class="box-style-box"> <div class="box-style-box">
<headline heading="合作客户" footing="Solution" /> <headline heading="合作客户" footing="Solution" />
<div class="partner"> <div class="partner">
<div class="partner-left"> <div class="partner-left">
<div> <div>
<img <img :src="require('@/assets/img/home/hb.png')" />
style="width: 100%; height: 400px"
:src="require('@/assets/img/home/hb.png')"
/>
</div> </div>
</div> </div>
<div class="partner-right-box"> <div class="partner-right-box">
@ -320,8 +306,8 @@ export default {
}, },
data() { data() {
return { return {
activeIndexs: 0,
solutabsIndex: "1", solutabsIndex: "1",
activeIndexs: 0,
saas: [ saas: [
{ {
name: "1", name: "1",
@ -579,14 +565,14 @@ export default {
} }
//详情 //详情
.box-style { .box-style {
width: 100%; width: 1200px;
margin: 0 auto;
.box-style-box { .box-style-box {
width: 100%; width: 100%;
// 工业SaaS平台 // 工业SaaS平台
.detail { .detail {
width: 70%; width: 100%;
margin: 0px auto; margin: 0px auto;
padding-bottom: 80px; padding-bottom: 80px;
display: flex; display: flex;
@ -658,7 +644,7 @@ export default {
// 解决方案 // 解决方案
.solutabs { .solutabs {
width: 70%; width: 100%;
margin: 0px auto; margin: 0px auto;
.el-menu-demo { .el-menu-demo {
display: flex; display: flex;

Write Preview
Loading…
Cancel
Save