更新样式

src/components/corp.vue

@@ -2,7 +2,9 @@
   <div id="jobfair">
     <el-row>
       <el-col :span="24" class="top">
-        <top :info="info" :Color="Color"></top>
+        <div class="w_1200">
+          <top :info="info" :Color="Color"></top>
+        </div>
       </el-col>
       <el-col :sapn="24" class="banner">
         <banner :info="info"></banner>
@@ -58,7 +60,7 @@ export default {
   margin: 0 auto;
 }
 .top {
-  height: 340px;
+  height: 40px;
   overflow: hidden;
   background-color: #f5f5f54f;
 }

src/components/detail.vue

@@ -1,8 +1,13 @@
 <template>
   <div id="detail">
     <el-row>
-      <el-col :sapn="24" class="top">
-        <top :info="info"></top>
+      <el-col :span="24" class="top">
+        <div class="w_1270">
+          <top :info="info" :color="color"></top>
+        </div>
+      </el-col>
+      <el-col :sapn="24" class="banner">
+        <banner :info="info"></banner>
       </el-col>
       <el-col :sapn="24" class="menu">
         <menuInfo :menuList="menuList" :backColor="backColor"></menuInfo>
@@ -21,6 +26,7 @@
 
 <script>
 import top from '@/layout/index/top.vue';
+import banner from '@/layout/index/banner.vue';
 import menuInfo from '@/layout/index/menuInfo.vue';
 import contInfo from '@/layout/detail/contInfo.vue';
 import down from '@/layout/index/down.vue';
@@ -37,6 +43,7 @@ export default {
   },
   components: {
     top, //头部
+    banner,
     menuInfo, //菜单
     contInfo, //内容
     down, //底部
@@ -54,7 +61,12 @@ export default {
   margin: 0 auto;
 }
 .top {
-  height: 340px;
+  height: 40px;
+  overflow: hidden;
+  background-color: #f5f5f54f;
+}
+.banner {
+  height: 300px;
   overflow: hidden;
 }
 .menu {

src/components/index.vue

@@ -139,6 +139,7 @@ export default {
 .top {
   height: 40px;
   overflow: hidden;
+  background-color: #f5f5f54f;
 }
 .banner {
   height: 300px;

src/components/jobfair.vue

@@ -1,8 +1,13 @@
 <template>
   <div id="jobfair">
     <el-row>
-      <el-col :span="24" class="top">
-        <top :info="info" :Color="Color"></top>
+      <el-col :sapn="24" class="top">
+        <div class="w_1200">
+          <top :info="info"></top>
+        </div>
+      </el-col>
+      <el-col :sapn="24" class="banner">
+        <banner :info="info"></banner>
       </el-col>
       <el-col :span="24" class="menu">
         <menuInfo :menuList="menuList" :backColor="backColor"></menuInfo>
@@ -21,6 +26,7 @@
 
 <script>
 import top from '@/layout/index/top.vue';
+import banner from '@/layout/index/banner.vue';
 import menuInfo from '@/layout/index/menuInfo.vue';
 import jobfairInfo from '@/layout/recuit/jobfairInfo.vue';
 import down from '@/layout/index/down.vue';
@@ -37,6 +43,7 @@ export default {
   },
   components: {
     top, //头部
+    banner,
     menuInfo, //导航
     jobfairInfo, //宣讲会详情
     down, //底部信息
@@ -54,7 +61,12 @@ export default {
   margin: 0 auto;
 }
 .top {
-  height: 340px;
+  height: 40px;
+  overflow: hidden;
+  background-color: #f5f5f54f;
+}
+.banner {
+  height: 300px;
   overflow: hidden;
 }
 .menu {

src/components/jobinfo.vue

@@ -2,7 +2,12 @@
   <div id="jobinfo">
     <el-row>
       <el-col :span="24" class="top">
-        <top :info="info"></top>
+        <div class="w_1200">
+          <top :info="info" :Color="Color"></top>
+        </div>
+      </el-col>
+      <el-col :sapn="24" class="banner">
+        <banner :info="info"></banner>
       </el-col>
       <el-col :span="24" class="menu">
         <menuInfo :menuList="menuList" :backColor="backColor"></menuInfo>
@@ -21,6 +26,7 @@
 
 <script>
 import top from '@/layout/index/top.vue';
+import banner from '@/layout/index/banner.vue';
 import menuInfo from '@/layout/index/menuInfo.vue';
 import jobinfoInfo from '@/layout/recuit/jobinfoInfo.vue';
 import down from '@/layout/index/down.vue';
@@ -36,6 +42,7 @@ export default {
   },
   components: {
     top, //头部
+    banner,
     menuInfo, //导航
     jobinfoInfo, //宣讲会详情
     down, //底部信息
@@ -53,7 +60,12 @@ export default {
   margin: 0 auto;
 }
 .top {
-  height: 340px;
+  height: 40px;
+  overflow: hidden;
+  background-color: #f5f5f54f;
+}
+.banner {
+  height: 300px;
   overflow: hidden;
 }
 .menu {

src/components/jobs.vue

@@ -1,8 +1,13 @@
 <template>
   <div id="jobs">
     <el-row>
-      <el-col :span="24" class="top">
-        <top :info="info" :Color="Color"></top>
+      <el-col :sapn="24" class="top">
+        <div class="w_1200">
+          <top :info="info"></top>
+        </div>
+      </el-col>
+      <el-col :sapn="24" class="banner">
+        <banner :info="info"></banner>
       </el-col>
       <el-col :span="24" class="menu">
         <menuInfo :menuList="menuList" :backColor="backColor"></menuInfo>
@@ -26,6 +31,7 @@
 
 <script>
 import top from '@/layout/index/top.vue';
+import banner from '@/layout/index/banner.vue';
 import menuInfo from '@/layout/index/menuInfo.vue';
 import jobsInfo from '@/layout/recuit/jobsInfo.vue';
 import corpInfo from '@/layout/recuit/corpInfo.vue';
@@ -42,6 +48,7 @@ export default {
   },
   components: {
     top, //头部
+    banner,
     menuInfo, //导航
     jobsInfo, //职位
     corpInfo, //企业
@@ -60,7 +67,12 @@ export default {
   margin: 0 auto;
 }
 .top {
-  height: 340px;
+  height: 40px;
+  overflow: hidden;
+  background-color: #f5f5f54f;
+}
+.banner {
+  height: 300px;
   overflow: hidden;
 }
 .menu {

src/components/list.vue

@@ -1,8 +1,13 @@
 <template>
   <div id="list">
     <el-row>
-      <el-col :span="24" class="top">
-        <top :info="info" :Color="Color"></top>
+      <el-col :sapn="24" class="top">
+        <div class="w_1200">
+          <top :info="info"></top>
+        </div>
+      </el-col>
+      <el-col :sapn="24" class="banner">
+        <banner :info="info"></banner>
       </el-col>
       <el-col :span="24" class="menu">
         <menuInfo :menuList="menuList" :backColor="backColor"></menuInfo>
@@ -26,6 +31,7 @@
 
 <script>
 import top from '@/layout/index/top.vue';
+import banner from '@/layout/index/banner.vue';
 import menuInfo from '@/layout/index/menuInfo.vue';
 import listLeft from '@/layout/list/listLeft.vue';
 import listRight from '@/layout/list/listRight.vue';
@@ -42,6 +48,7 @@ export default {
   },
   components: {
     top, //头部
+    banner,
     menuInfo, //导航
     listLeft, //二级左侧导航
     listRight, //二级右侧列表
@@ -60,7 +67,12 @@ export default {
   margin: 0 auto;
 }
 .top {
-  height: 340px;
+  height: 40px;
+  overflow: hidden;
+  background-color: #f5f5f54f;
+}
+.banner {
+  height: 300px;
   overflow: hidden;
 }
 .menu {

src/components/newsList.vue

@@ -2,7 +2,12 @@
   <div id="newsList">
     <el-row>
       <el-col :span="24" class="top">
-        <top :info="info" :Color="Color"></top>
+        <div class="w_1200">
+          <top :info="info" :Color="Color"></top>
+        </div>
+      </el-col>
+      <el-col :sapn="24" class="banner">
+        <banner :info="info"></banner>
       </el-col>
       <el-col :span="24" class="menu">
         <menuInfo :menuList="menuList" :backColor="backColor"></menuInfo>
@@ -26,6 +31,7 @@
 
 <script>
 import top from '@/layout/index/top.vue';
+import banner from '@/layout/index/banner.vue';
 import menuInfo from '@/layout/index/menuInfo.vue';
 import listLeft from '@/layout/list/listLeft.vue';
 import newsInfo from '@/layout/list/newsInfo.vue';
@@ -44,6 +50,7 @@ export default {
   },
   components: {
     top, //头部
+    banner,
     menuInfo, //导航
     listLeft, //二级左侧导航
     newsInfo, //二级右侧新聞列表（帶有圖片）
@@ -62,7 +69,12 @@ export default {
   margin: 0 auto;
 }
 .top {
-  height: 340px;
+  height: 40px;
+  overflow: hidden;
+  background-color: #f5f5f54f;
+}
+.banner {
+  height: 300px;
   overflow: hidden;
 }
 .menu {

src/components/talk.vue

@@ -2,7 +2,12 @@
   <div id="talk">
     <el-row>
       <el-col :span="24" class="top">
-        <top :info="info" :Color="Color"></top>
+        <div class="w_1200">
+          <top :info="info" :Color="Color"></top>
+        </div>
+      </el-col>
+      <el-col :sapn="24" class="banner">
+        <banner :info="info"></banner>
       </el-col>
       <el-col :span="24" class="menu">
         <menuInfo :menuList="menuList" :backColor="backColor"></menuInfo>
@@ -21,6 +26,7 @@
 
 <script>
 import top from '@/layout/index/top.vue';
+import banner from '@/layout/index/banner.vue';
 import menuInfo from '@/layout/index/menuInfo.vue';
 import talkInfo from '@/layout/recuit/talkInfo.vue';
 import down from '@/layout/index/down.vue';
@@ -36,6 +42,7 @@ export default {
   },
   components: {
     top, //头部
+    banner,
     menuInfo, //导航
     talkInfo, //宣讲会详情
     down, //底部信息
@@ -53,7 +60,12 @@ export default {
   margin: 0 auto;
 }
 .top {
-  height: 340px;
+  height: 40px;
+  overflow: hidden;
+  background-color: #f5f5f54f;
+}
+.banner {
+  height: 300px;
   overflow: hidden;
 }
 .menu {

src/layout/index/top.vue

@@ -1,19 +1,22 @@
 <template>
   <div id="top">
     <el-row>
-      <el-col :span="24">
-        <el-image :src="info.banner" style="width:100%;height:340px;" fit="fit"></el-image>
-        <div class="w_1270">
-          <el-col :span="24" class="info">
-            <el-col :span="2">
-              <el-image style="width:112px;height:112px;" :src="info.logo"></el-image>
+      <el-col :span="24" class="top">
+        <el-col :span="19" class="title"> 您好，欢迎访问{{ info.name }}! </el-col>
+        <!-- <el-col :span="4" class="fenxiang">
+            <el-col :span="12" class="weibo">
+              <el-link :underline="false">
+                <el-image :src="weibo"></el-image>
+                <span>官方微博</span>
+              </el-link>
             </el-col>
-            <el-col :span="22" style="padding:22px 10px;">
-              <p class="title">{{ info.name }}</p>
-              <p class="english">Employment Information Network for graduates of Jilin Province colleges and universities</p>
+            <el-col :span="12" class="weibo">
+              <el-link :underline="false">
+                <el-image :src="weixin"></el-image>
+                <span>官方微信</span>
+              </el-link>
             </el-col>
-          </el-col>
-        </div>
+          </el-col> -->
       </el-col>
     </el-row>
   </div>
@@ -26,7 +29,10 @@ export default {
     info: null,
   },
   components: {},
-  data: () => ({}),
+  data: () => ({
+    weibo: require('@/assets/微博.png'),
+    weixin: require('@/assets/微信.png'),
+  }),
   created() {},
   computed: {},
   methods: {},
@@ -39,32 +45,23 @@ export default {
   overflow: hidden;
   background: #f5f5f54f;
 }
-.w_1270 {
-  width: 1270px;
-  margin: 0 auto;
-}
-p {
-  padding: 0;
-  margin: 0;
+.top .title {
+  height: 40px;
+  line-height: 40px;
+  color: #535362;
+  font-size: 16px;
 }
-.info {
-  position: absolute;
-  top: 25%;
-  left: 5%;
-  width: 93%;
+.weibo {
+  height: 40px;
 }
-.info .title {
-  font-size: 40px;
-  color: #1770c4;
-  font-family: cursive;
-  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
-  font-weight: 600;
+.weibo .el-image {
+  float: left;
+  padding: 4px;
 }
-.info .english {
-  font-size: 15px;
-  color: #1770c4;
-  font-family: cursive;
-  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
-  font-weight: 600;
+.weibo span {
+  float: left;
+  height: 40px;
+  line-height: 40px;
 }
 </style>
+© 2018 Gogs 当前版本: 0.11.88.0627 页面: 52ms 模板: 1ms 简体中文 官方网站 Go1.12.6