创建直播页面展示问题

src/pages/createLive/components/ChoseDigitalPerson.vue

@@ -3,15 +3,9 @@
     <div class="all-select">
       <Select :options="options" v-model="currentOption" @change="onSelectChange"></Select>
     </div>
-    <div class="create-digital-person-list-box-parent">
+    <div class="create-digital-person-list-box-parent narrow-scrollbar">
       <Loading v-show="loading"></Loading>
-      <div
-        class="create-digital-person-list-box narrow-scrollbar"
-        ref="personList"
-        :style="{
-          maxHeight: maxHeight + 'px',
-        }"
-      >
+      <div class="create-digital-person-list-box">
         <div class="create-digital-person-grid">
           <template v-for="item in digitalList.list" :key="item.id">
             <CardOne
@@ -56,10 +50,6 @@ const editInfo = computed(() => store.getters['live/getEditLive']);
 
 const loading = ref(false);
 
-// el元素
-const personList = ref();
-const maxHeight = ref();
-
 // 当前选中项
 const currentOption = ref('1');
 // 当前选择的数字人
@@ -248,19 +238,6 @@ onActivated(() => {
   // 获取数字人列表
   getList();
 });
-
-watch(
-  () => props.toolHeight,
-  (v) => {
-    if (v) {
-      setTimeout(() => {
-        let obj = getElBounding(personList.value);
-        let client = getWindowClient();
-        maxHeight.value = client.height - obj.top - v;
-      }, 500);
-    }
-  },
-);
 </script>
 
 <style lang="less">
@@ -280,9 +257,9 @@ watch(
     border: 1px solid #464646;
     background: #1e1e1e;
     position: relative;
+    overflow-y: auto;
     .create-digital-person-list-box {
       padding: 12px;
-      overflow-y: auto;
       .custom-card-box {
         background: white;
         width: 150px;