浏览代码

页面样式更新

guhongwei 5 年之前
父节点
当前提交
1839d03c09
共有 4 个文件被更改,包括 22 次插入10 次删除
  1. 14 5
      src/components/corp.vue
  2. 1 0
      src/components/index.vue
  3. 6 4
      src/layout/index/banner.vue
  4. 1 1
      src/layout/index/top.vue

+ 14 - 5
src/components/corp.vue

@@ -1,11 +1,14 @@
 <template>
   <div id="jobfair">
     <el-row>
-      <el-col :span="24" class="top">
-        <div class="w_1200">
-          <top :info="info" :Color="Color"></top>
+      <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>
+      </el-col>
       <el-col :span="24" class="menu">
         <menuInfo :menuList="menuList" :backColor="backColor"></menuInfo>
       </el-col>
@@ -23,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 corpDetail from '@/layout/recuit/corpDetail.vue';
 import down from '@/layout/index/down.vue';
@@ -38,6 +42,7 @@ export default {
   },
   components: {
     top, //头部
+    banner, //banner
     menuInfo, //导航
     corpDetail, //企业详情
     down, //底部信息
@@ -57,10 +62,14 @@ export default {
 .top {
   height: 40px;
   overflow: hidden;
-  background: #f5f5f5;
+  background-color: #f5f5f54f;
+}
+.banner {
+  height: 300px;
+  overflow: hidden;
 }
 .menu {
-  height: 40px;
+  height: 50px;
   overflow: hidden;
 }
 .main {

+ 1 - 0
src/components/index.vue

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

+ 6 - 4
src/layout/index/banner.vue

@@ -2,14 +2,15 @@
   <div id="banner">
     <el-row>
       <el-col :span="24">
-        <el-image :src="info.banner" style="height:300px;" fit="fit"></el-image>
+        <el-image :src="info.banner" style="width:100%;height:300px;" 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="22" style="padding:30px 10px;">
+            <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>
           </el-col>
         </div>
@@ -48,17 +49,18 @@ p {
   width: 93%;
 }
 .info .title {
-  font-size: 42px;
+  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;
 }
 .info .english {
-  font-size: 24px;
+  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;
+  padding: 0 0 0 5px;
 }
 </style>

+ 1 - 1
src/layout/index/top.vue

@@ -43,7 +43,7 @@ export default {
 .top {
   height: 40px;
   overflow: hidden;
-  background: #f5f5f5;
+  background: #f5f5f54f;
 }
 .top .title {
   height: 40px;