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">
-        <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]"
-            @click="checkedClassifyValue = classify.id"
-          >
-            {{ classify.categoryName }}
-          </button>
-        </div>
+        <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] 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>