xinyin025/soybean-admin
1
0
Fork 0
mirror of https://github.com/soybeanjs/soybean-admin.git synced 2025-09-27 21:56:42 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(styles): tabs can be scrolled with a wheel.

Browse Source
This commit is contained in:
chenziwen 2025-07-10 16:54:57 +08:00
parent 03dd64c543
commit 5245538d4b
2 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/layouts/modules/global-tab/index.vue
View File

@ -164,7 +164,7 @@ init();
<template> <template>
<DarkModeContainer class="size-full flex-y-center px-16px shadow-tab"> <DarkModeContainer class="size-full flex-y-center px-16px shadow-tab">
<div ref="bsWrapper" class="h-full flex-1-hidden"> <div ref="bsWrapper" class="h-full flex-1 overflow-x-auto overflow-y-hidden scrollbar-none">
<BetterScroll ref="bsScroll" :options="{ scrollX: true, scrollY: false, click: !isPCFlag }" @click="removeFocus"> <BetterScroll ref="bsScroll" :options="{ scrollX: true, scrollY: false, click: !isPCFlag }" @click="removeFocus">
<div <div
ref="tabRef" ref="tabRef"

1
uno.config.ts
View File

@ -25,6 +25,7 @@ export default defineConfig<Theme>({
shortcuts: { shortcuts: {
'card-wrapper': 'rd-8px shadow-sm' 'card-wrapper': 'rd-8px shadow-sm'
}, },
rules: [['scrollbar-none', { 'scrollbar-width': 'none' }]],
transformers: [transformerDirectives(), transformerVariantGroup()], transformers: [transformerDirectives(), transformerVariantGroup()],
presets: [presetWind3({ dark: 'class' }), presetSoybeanAdmin()] presets: [presetWind3({ dark: 'class' }), presetSoybeanAdmin()]
}); });