chore: 应用广场分类栏添加滚动条

src/views/applications-square/applications-square.vue

@@ -186,18 +186,20 @@ function handleAddAgentApplications() {
         <div class="h-[20px] bg-[#f3f6f9]"></div>
       </n-collapse-transition>
       <div class="sticky top-[-30px] z-10">
+        <n-scrollbar x-scrollable>
           <div class="flex items-center rounded-[5px] bg-white py-[9px] pl-[9px]">
             <button
               v-for="classify in mallCategoryList"
               :key="classify.id"
               :focusable="false"
               :class="['classify-radio-button', { active: checkedClassifyValue === classify.id }]"
-            class="mr-[4px] min-w-[86px] cursor-pointer rounded-[5px] border-[1px] border-[#fff] bg-transparent px-[5px] py-[5px] transition-colors duration-300 hover:bg-[#eeefff]"
+              class="mr-[4px] cursor-pointer whitespace-nowrap rounded-[5px] border-[1px] border-[#fff] bg-transparent px-[5px] py-[5px] transition-colors duration-300 hover:bg-[#eeefff]"
               @click="checkedClassifyValue = classify.id"
             >
               {{ classify.categoryName }}
             </button>
           </div>
+        </n-scrollbar>
       </div>
       <n-scrollbar style="max-height: 920px">
         <div>