Browse Source

修复了抽屉无法下拉的bug

zhangyujun 3 years ago
parent
commit
80e7d8bb17
1 changed files with 16 additions and 3 deletions
  1. 16 3
      src/views/proxyscore/index.vue

+ 16 - 3
src/views/proxyscore/index.vue

@@ -72,7 +72,7 @@
       </el-table>
     </div>
     <!-- 代理的 -->
-    <el-drawer size="60%" :visible.sync="subTableVisible">
+    <el-drawer class="draw-scroll" size="60%" :visible.sync="subTableVisible">
       <el-table :data="subTableData">
         <el-table-column label="序号" type="index"></el-table-column>
         <el-table-column label="微信名" prop="nickName"></el-table-column>
@@ -93,7 +93,7 @@
               "
               style="color: #1890ff; cursor: pointer; padding-left: 5px"
               type="primary"
-               v-if="scope.row.extensionCount"
+              v-if="scope.row.extensionCount"
               >查看</span
             >
           </template>
@@ -117,7 +117,7 @@
       </el-table>
     </el-drawer>
     <!-- 代理下一级 -->
-    <el-drawer size="60%" :visible.sync="sub1TableVisible">
+    <el-drawer class="draw-scroll" size="60%" :visible.sync="sub1TableVisible">
       <el-table :data="sub1TableData">
         <el-table-column label="序号" type="index"></el-table-column>
         <el-table-column label="微信名" prop="nickName"></el-table-column>
@@ -232,6 +232,19 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+// .draw-scroll {
+//   .el-drawer__container {
+//     ::v-deep .el-drawer__body {
+//       overflow-y: scroll;
+//     }
+//   }
+// }
+ ::v-deep .el-drawer__body{
+   overflow-y: scroll;
+ }
+.overflow-scroll-y {
+  overflow-y: scroll;
+}
 .font14 {
   font-size: 18px;
 }