驾意险已选驾意险样式问题修改

src/layouts/components/DrivingType/index.vue

@@ -18,15 +18,18 @@
           <span>已选： {{ selectedList.length }}份驾意险</span>
           <el-button link type="primary" @click="clear">清空</el-button>
         </div>
-        <div class="selectedList">
-          <div style="display: flex; align-items: center; justify-content: space-between; margin: 10px"
-            v-for="(JYX, index) in selectedList" :key="JYX.id">
-            <span>{{ JYX.productName }}</span>
-            <el-icon style="cursor: pointer;" @click="handleDel(JYX, index)">
+        <div style="overflow-y: auto;">
+          <div class="selectedList">
+          <div class="m-[10px] mr-0" style="display: flex; align-items: center; justify-content: space-between;"
+            v-for="(item, index) in selectedList" :key="item.id">
+            <span>{{ item.productName }}</span>
+            <el-icon style="cursor: pointer;" @click="handleDel(item, index)">
               <Close />
             </el-icon>
           </div>
         </div>
+        </div>
+
       </el-col>
     </el-row>
     <div class="footer">
@@ -206,6 +209,10 @@ defineExpose({
 </script>
 
 <style scoped lang="scss">
+.selectedList{
+  height: 300px;
+  width: 100%;
+}
 .insuranceLeft {
   overflow-y: auto;
 }