页面样式更新

src/components/corp.vue

@@ -2,9 +2,7 @@
   <div id="jobfair">
     <el-row>
       <el-col :span="24" class="top">
-        <div class="w_1200">
-          <top :info="info" :Color="Color"></top>
-        </div>
+        <top :info="info" :Color="Color"></top>
       </el-col>
       <el-col :span="24" class="menu">
         <menuInfo :menuList="menuList" :backColor="backColor"></menuInfo>
@@ -55,7 +53,7 @@ export default {
   margin: 0 auto;
 }
 .top {
-  height: 40px;
+  height: 340px;
   overflow: hidden;
   background: #f5f5f5;
 }

src/components/detail.vue

@@ -4,9 +4,6 @@
       <el-col :sapn="24" class="top">
         <top :info="info"></top>
       </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>
       </el-col>
@@ -24,7 +21,6 @@
 
 <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';
@@ -41,7 +37,6 @@ export default {
   },
   components: {
     top, //头部
-    banner, //banner
     menuInfo, //菜单
     contInfo, //内容
     down, //底部
@@ -59,12 +54,7 @@ export default {
   margin: 0 auto;
 }
 .top {
-  height: 40px;
-  overflow: hidden;
-  background: #f5f5f5;
-}
-.banner {
-  height: 300px;
+  height: 340px;
   overflow: hidden;
 }
 .menu {

src/components/index.vue

@@ -2,12 +2,7 @@
   <div id="index">
     <el-row>
       <el-col :sapn="24" class="top">
-        <div class="w_1270">
-          <top :info="info"></top>
-        </div>
-      </el-col>
-      <el-col :sapn="24" class="banner">
-        <banner :info="info"></banner>
+        <top :info="info"></top>
       </el-col>
       <el-col :sapn="24" class="menu">
         <menuInfo :menuList="menuList" :backColor="backColor"></menuInfo>
@@ -72,7 +67,6 @@
 
 <script>
 import top from '@/layout/index/top.vue';
-import banner from '@/layout/index/banner.vue';
 import menuInfo from '@/layout/index/menuInfo.vue';
 import lunbo from '@/layout/index/lunbo.vue';
 import noticeNews from '@/layout/index/noticeNews.vue';
@@ -107,7 +101,6 @@ export default {
   },
   components: {
     top, //头部
-    banner, //banner
     menuInfo, //菜单
     lunbo, //轮播图
     noticeNews, //通知公告+就业动态
@@ -137,11 +130,7 @@ export default {
   margin: 0 auto;
 }
 .top {
-  height: 40px;
-  overflow: hidden;
-}
-.banner {
-  height: 300px;
+  height: 340px;
   overflow: hidden;
 }
 .menu {

src/components/jobfair.vue

@@ -2,12 +2,7 @@
   <div id="jobfair">
     <el-row>
       <el-col :span="24" class="top">
-        <div class="w_1200">
-          <top :info="info" :Color="Color"></top>
-        </div>
-      </el-col>
-      <el-col :sapn="24" class="banner">
-        <banner :info="info"></banner>
+        <top :info="info" :Color="Color"></top>
       </el-col>
       <el-col :span="24" class="menu">
         <menuInfo :menuList="menuList" :backColor="backColor"></menuInfo>
@@ -26,7 +21,6 @@
 
 <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';
@@ -43,7 +37,6 @@ export default {
   },
   components: {
     top, //头部
-    banner, //banner
     menuInfo, //导航
     jobfairInfo, //宣讲会详情
     down, //底部信息
@@ -61,12 +54,7 @@ export default {
   margin: 0 auto;
 }
 .top {
-  height: 40px;
-  overflow: hidden;
-  background: #f5f5f5;
-}
-.banner {
-  height: 300px;
+  height: 340px;
   overflow: hidden;
 }
 .menu {

src/components/jobinfo.vue

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

src/components/jobs.vue

@@ -2,12 +2,7 @@
   <div id="jobs">
     <el-row>
       <el-col :span="24" class="top">
-        <div class="w_1200">
-          <top :info="info" :Color="Color"></top>
-        </div>
-      </el-col>
-      <el-col :sapn="24" class="banner">
-        <banner :info="info"></banner>
+        <top :info="info" :Color="Color"></top>
       </el-col>
       <el-col :span="24" class="menu">
         <menuInfo :menuList="menuList" :backColor="backColor"></menuInfo>
@@ -31,7 +26,6 @@
 
 <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';
@@ -48,7 +42,6 @@ export default {
   },
   components: {
     top, //头部
-    banner, //banner
     menuInfo, //导航
     jobsInfo, //职位
     corpInfo, //企业
@@ -67,12 +60,7 @@ export default {
   margin: 0 auto;
 }
 .top {
-  height: 40px;
-  overflow: hidden;
-  background: #f5f5f5;
-}
-.banner {
-  height: 300px;
+  height: 340px;
   overflow: hidden;
 }
 .menu {

src/components/list.vue

@@ -2,12 +2,7 @@
   <div id="list">
     <el-row>
       <el-col :span="24" class="top">
-        <div class="w_1200">
-          <top :info="info" :Color="Color"></top>
-        </div>
-      </el-col>
-      <el-col :sapn="24" class="banner">
-        <banner :info="info"></banner>
+        <top :info="info" :Color="Color"></top>
       </el-col>
       <el-col :span="24" class="menu">
         <menuInfo :menuList="menuList" :backColor="backColor"></menuInfo>
@@ -31,7 +26,6 @@
 
 <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';
@@ -48,7 +42,6 @@ export default {
   },
   components: {
     top, //头部
-    banner, //banner
     menuInfo, //导航
     listLeft, //二级左侧导航
     listRight, //二级右侧列表
@@ -67,12 +60,7 @@ export default {
   margin: 0 auto;
 }
 .top {
-  height: 40px;
-  overflow: hidden;
-  background: #f5f5f5;
-}
-.banner {
-  height: 300px;
+  height: 340px;
   overflow: hidden;
 }
 .menu {

src/components/newsList.vue

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

src/components/talk.vue

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

src/layout/index/top.vue

@@ -1,22 +1,18 @@
 <template>
   <div id="top">
     <el-row>
-      <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 :span="24">
+        <el-image :src="info.banner" style="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>
-            <el-col :span="12" class="weibo">
-              <el-link :underline="false">
-                <el-image :src="weixin"></el-image>
-                <span>官方微信</span>
-              </el-link>
+            <el-col :span="22" style="padding:30px 10px;">
+              <p class="title">{{ info.name }}</p>
             </el-col>
-          </el-col> -->
+          </el-col>
+        </div>
       </el-col>
     </el-row>
   </div>
@@ -29,10 +25,7 @@ export default {
     info: null,
   },
   components: {},
-  data: () => ({
-    weibo: require('@/assets/微博.png'),
-    weixin: require('@/assets/微信.png'),
-  }),
+  data: () => ({}),
   created() {},
   computed: {},
   methods: {},
@@ -40,27 +33,32 @@ export default {
 </script>
 
 <style lang="less" scoped>
-.top {
-  height: 40px;
-  overflow: hidden;
-  background: #f5f5f5;
+.w_1270 {
+  width: 1270px;
+  margin: 0 auto;
 }
-.top .title {
-  height: 40px;
-  line-height: 40px;
-  color: #535362;
-  font-size: 16px;
+p {
+  padding: 0;
+  margin: 0;
 }
-.weibo {
-  height: 40px;
+.info {
+  position: absolute;
+  top: 25%;
+  left: 5%;
+  width: 93%;
 }
-.weibo .el-image {
-  float: left;
-  padding: 4px;
+.info .title {
+  font-size: 42px;
+  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;
+.info .english {
+  font-size: 24px;
+  color: #1770c4;
+  font-family: cursive;
+  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
+  font-weight: 600;
 }
 </style>