样式修改

src/components/home.vue

 <template>
   <Row id="home" class="home">
-    <Col span="3" class="aside" style="width:17%;height:100%">
+    <Col span="3" class="aside" style="width:17%;height:100%;overflow: auto;">
       <img src="https://o7oe0d6qz.qnssl.com/image/homelogo.png" alt="" style="height:60px">
       <Menu style="width: 100%;" ref='subMenu' :active-name="levelThreeName" :open-names="levelTwoName" @on-select="go">
         <template v-for="(menu) in childMenu" >

src/page/resume/allResume.vue

@@ -2,7 +2,7 @@
     <div class="allResume">
       <!-- <Spin size="large" fix v-if="spinShow" style="font-size:25px">加载中...</Spin> -->
       <div class="allResume-left">
-          <Form :label-width="90" style="width:88%;margin-left:7%" class='emailForm'>
+          <Form :label-width="90" style="width:88%;margin:0 auto;" class='emailForm'>
             <FormItem label="关键词：" style="margin-top:20px">
                 <Input placeholder="请输入关键词" style="width:98%" v-model="keywords" @keyup.enter.native="SouSuo()"/>
             </FormItem>
@@ -151,7 +151,7 @@
                  </div>
               </div>
              </div>
-        <div class="pageBottom" style="width:59%;background:rgba(241,241,241,1);text-align:center;position:fixed;bottom:0;height:40px">
+            <div class="pageBottom">
               <Page :total="totalSize" show-elevator show-total   @on-change="pageChange"  @on-page-size-change="pageSizeChange" :current='pageIndex' :page-size='pageSize' style="text-align:center;margin-top:4px"></Page>
             </div>
         </div>
@@ -303,7 +303,7 @@
         <div >
             <h2 style="text-align:center;color:black" v-show="this.isShowAll==false">发送邮件</h2>
             <h2 style="text-align:center;color:black"  v-show="this.isShowAll==true">新建面试</h2>
-            <h3 style="text-align:center;color:black"  v-show="this.isShowAll==true"> <span><span>新建面试</span>后，你需要从<span style="color:#0092ff">“面试管理”</span>中对该候选人进行后续的操作。</span></h3>
+            <h3 style="text-align:center;color:black"  v-show="this.isShowAll==true"> <span>新建面试后，你需要从<span style="color:#0092ff">“面试管理”</span>中对该候选人进行后续的操作。</span></h3>
         </div>
         <div class="emailModal-title">
           <div class="emailModalTitle-left">
@@ -1876,7 +1876,7 @@ import {mapState} from 'vuex'
 }
  .allResume-left{
     height: 100%;
-    width: 29%;
+    width: 29.5%;
     box-shadow:#dcdee2 0 0 6px 1px;
     float: left;
 }
@@ -1885,14 +1885,15 @@ import {mapState} from 'vuex'
    overflow: hidden;
    width: 70.5%;
    float: left;
-   margin-left:1px
+   position:relative;
 }
 .red{
     background: LightGray
 }
 .resumeRightContentTop{
     width: 100%;
-    height: 90%
+    height: 100%;
+    overflow: auto;
 }
 .Resumecontent{
     width: 100%;
@@ -2091,6 +2092,14 @@ background:rgba(241,241,241,1);
 .recordtext{
   vertical-align: -6px;
 }
+.pageBottom{
+  width:100%;
+  background:rgba(241,241,241,1);
+  text-align:center;
+  position:absolute;
+  bottom:0;
+  height:40px;
+}
 </style>
 <style>
 .emailForm .ivu-form-item-label{

src/page/resume/channel.vue

@@ -2,7 +2,7 @@
     <div class="channel">
       <!-- <Spin size="large" fix v-if="spinShow" style="font-size:20px">加载中...</Spin> -->
       <div class="channel-left">
-          <Form :label-width="85" style="width:88%;margin-left:7%" class='emailForm'>
+          <Form :label-width="85" style="width:88%;margin:0 auto;" class='emailForm'>
             <FormItem label="关键词：" style="margin-top:20px">
                 <Input placeholder="请输入关键词" style="width:98%" v-model="keywords" @keyup.enter.native="SouSuo(item.Num1,item.Num2,item.Num3)"/>
             </FormItem>
@@ -145,7 +145,7 @@
                  </div>
               </div>
         </div>
-        <div class="pageBottom" style="width:56.6%;background:rgba(241,241,241,1);text-align:center;position:fixed;bottom:0;height:45px">
+        <div class="pageBottom" style="width:100%;background:rgba(241,241,241,1);text-align:center;position:absolute;bottom:0;height:45px">
           <Page :total="totalSize" show-elevator show-total   @on-change="pageChange"  @on-page-size-change="pageSizeChange" :current='pageIndex' :page-size='pageSize' style="text-align:center;margin-top:4px"></Page>
         </div>
         </div>
@@ -297,7 +297,7 @@
         <div >
             <h2 style="text-align:center;color:black" v-show="this.isShowAll==false">发送邮件</h2>
             <h2 style="text-align:center;color:black"  v-show="this.isShowAll==true">新建面试</h2>
-            <h3 style="text-align:center;color:black"  v-show="this.isShowAll==true"> <span>更改为<span style="color:blue">“新建面试”</span>后，你需要从<span style="color:blue">”面试管理“</span>中对该候选人进行后续的操作。</span></h3>
+            <h3 style="text-align:center;color:black"  v-show="this.isShowAll==true"> <span>新建面试后，你需要从<span style="color:#0092ff">“面试管理”</span>中对该候选人进行后续的操作。</span></h3>
         </div>
         <div class="emailModal-title">
           <div class="emailModalTitle-left">
@@ -1888,24 +1888,23 @@ export default {
   }
 }
 .channel-left{
-    height:100%;
-    width: 29%;
+    height: 100%;
+    width: 29.5%;
+    box-shadow:#dcdee2 0 0 6px 1px;
     float: left;
-    box-shadow: #dcdee2 0 0 6px 1px;
-    /* border: 1px solid #999999; */
 }
 .channel-right{
-  height:100%;
+   height: 100%;
    overflow: hidden;
-   width: 69%;
+   width: 70.5%;
    float: left;
-   margin-left: 15px;
-   background:rgba(255,255,255,1);
+   position:relative;
   
 }
 .resumeRightContentTop{
     width: 100%;
-     height: 90%
+     height: 100%;
+     overflow: auto;
 }
 .Resumecontent{
     width: 100%;