Ver Fonte

职员管理滚动加载bug修复

zhongxiaoyu há 3 anos atrás
pai
commit
83a466e9df
1 ficheiros alterados com 12 adições e 6 exclusões
  1. 12 6
      src/views/staffManagement/compontents/staffHome.vue

+ 12 - 6
src/views/staffManagement/compontents/staffHome.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2021-11-29 14:37:54
- * @LastEditTime: 2022-03-17 19:20:11
+ * @LastEditTime: 2022-03-18 09:13:59
  * @LastEditors: your name
  * @Description: 角色管理
  * @FilePath: \Foshan4A2.0\src\views\authorityManagement\components\authorityRole.vue
@@ -15,9 +15,9 @@
       </Search>
     </div>
     <!--列表-->
-    <div class="role-content scrollbar">
+    <div class="role-content">
       <template v-if="arrs.length">
-        <el-row v-infinite-scroll="load" :infinite-scroll-distance="20" infinite-scroll-disabled="disabled" :gutter="24">
+        <el-row class="scrollbar" v-infinite-scroll="load" :infinite-scroll-distance="20" infinite-scroll-disabled="disabled" :gutter="24">
           <el-col :span="6" v-for="(item,index) in arrs" class="account-left-content-teams" :key="index">
             <div class="team">
               <div class="list">
@@ -278,10 +278,16 @@ export default {
   }
 }
 .role-content {
-  padding-top: 115px;
+  padding-top: 112px;
   height: 84vh;
-  overflow-y: auto;
-  overflow-x: hidden;
+  .scrollbar {
+    height: calc(84vh - 112px);
+    overflow-y: auto;
+    overflow-x: hidden;
+  }
+  > p {
+    margin: 0;
+  }
   .el-col-lg-5-5 {
     width: 20%;
   }