修复分类在顶部，当子分类数量过多超出屏幕范围的问题。

src/pages/classification/components/Content.vue

@@ -130,20 +130,20 @@
             <KeyboardArrowDownRound></KeyboardArrowDownRound>
           </Icon>
         </div>
-        <ul
+        <div
           v-show="
             classification.childList &&
             classification.childList.length > 0 &&
             classificationChildShowHiddenMap.has(classification.id)
           "
-          class="classification-child-list"
           :class="[
             `${
               store.setting.classification.layout === 'top'
-                ? 'fixed z-[10000] rounded drop-shadow-[0_0_6px_rgba(0,0,0,0.2)] origin-top-left pt-1 mt-1'
+                ? '!fixed !z-[10000] !rounded-lg !drop-shadow-[0_0_6px_rgba(0,0,0,0.2)] !origin-top-left !pt-1 !mt-1'
                 : ''
             }`,
           ]"
+          :data-simplebar="store.setting.classification.layout === 'top'"
           :style="{
             backgroundColor:
               store.setting.classification.layout === 'top'
@@ -156,7 +156,12 @@
               store.setting.classification.layout === 'top'
                 ? classificationWidth + 'px'
                 : '',
+            maxHeight:
+              store.setting.classification.layout === 'top' ? '300px' : 'auto',
           }"
+        >
+          <ul
+            class="classification-child-list h-full"
             :classification-parent-id="classification.id"
           >
             <li
@@ -183,7 +188,9 @@
                 `${
                   store.setting.classification.layout !== 'top' ? 'rounded' : ''
                 }`,
-              `${store.setting.classification.mode === 'normal' ? 'px-2' : ''}`,
+                `${
+                  store.setting.classification.mode === 'normal' ? 'px-2' : ''
+                }`,
               ]"
               :style="{
                 color:
@@ -237,6 +244,7 @@
               }"
             ></li>
           </ul>
+        </div>
       </li>
     </ul>
   </div>
@@ -299,10 +307,17 @@ watch(
   () => {
     // +1
     count.value = count.value + 1;
+    classificationChildShowHiddenMap.value = new Map();
     // 刷新DOM完毕执行
     nextTick(() => {
+      // 滚动条
+      createSimpleBar();
       // 设置分类宽度
       setClassificationWidth();
+      // 创建父级分类拖拽对象;
+      createClassificationParentSortable();
+      // 创建子级分类拖拽对象
+      createClassificationChildSortable();
     });
   }
 );
@@ -787,6 +802,8 @@ function createClassificationParentSortable() {
             setClassificationWidth();
             // 页面高度 - 34（标题栏固定高度）
             height.value = document.documentElement.clientHeight - 34;
+            // 创建子级分类拖拽对象
+            createClassificationChildSortable();
           });
         }
       },
@@ -815,7 +832,7 @@ function createClassificationChildSortable() {
     classificationChildSortable.push(
       Sortable.create(<HTMLElement>element, {
         animation: 0,
-        forceFallback: true,
+        forceFallback: false,
         fallbackTolerance: 4,
         disabled: lockClassification,
         onStart() {

src/pages/item/components/Content.vue

@@ -154,6 +154,12 @@ watch(
     nextTick(() => {
       // 监听页面大小
       resize();
+      // 设置项目宽度
+      setItemWidth();
+      // 创建项目拖拽对象
+      createItemSortable();
+      // 清除批量操作
+      clearBatchOperation();
       // 滚动到顶部
       scrollToTop(itemContentSimpleBar);
     });