style:修改添加学员滚动条

src/components/student/CommonStudent.vue

@@ -4,11 +4,11 @@
   <div class="CommonStudent">
     <a-drawer
       :visible="visiable"
-      class="drawerStyle ProjCheckship"
+      class="drawerStyle ProjCheckship CommonStudent"
       placement="right"
       width="60%"
     >
-      <div class="drawerMain" id="ProjCheckship">
+      <div class="drawerMain" id="ProjCheckship" style="">
         <div class="header">
           <div class="headerTitle">
             {{ { 1: "添加学员", 2: "添加学员", 3: "添加学员" }[type] || "" }}
@@ -19,10 +19,8 @@
             @click="closeDrawer"
           />
         </div>
-        <div
-          style="width: 100%; display: grid; grid-template-columns: 750px auto"
-        >
-          <div class="tabs" style="min-height: 800px">
+        <div style="display: flex; overflow-x: auto; overflow-y: auto">
+          <div class="tabs" style="min-width: 800px">
             <a-tabs v-model:activeKey="activeKey">
               <a-tab-pane :key="1" tab="快速选人">
                 <div :style="{ height: screenHeight - 235 + 'px' }">
@@ -175,7 +173,7 @@
               </a-tab-pane>
             </a-tabs>
           </div>
-          <div class="right1">
+          <div class="right1" style="min-width: 200px">
             <div class="onerow">
               <div class="onleft">
                 <div class="already">已选</div>
@@ -663,10 +661,8 @@ watch(visiable, () => {
   .ant-tabs {
     overflow: visible;
   }
-}
-.right1 {
+  .right1 {
     border-left: 1px solid #f2f6fe;
-  width: 100%;
     margin-left: 20px;
     .onerow {
       display: flex;
@@ -839,5 +835,6 @@ watch(visiable, () => {
         }
       }
     }
+  }
 }
 </style>