chore: 滚动条宽度

This commit is contained in:
dap 2024-11-25 15:41:14 +08:00
parent 7c834308f0
commit f9d964bdc3

View File

@ -79,7 +79,7 @@ function handleCardClick(id: string) {
<InputSearch placeholder="搜索" /> <InputSearch placeholder="搜索" />
</div> </div>
<div <div
class="flex flex-1 flex-col gap-2 overflow-y-auto py-3" class="thin-scrollbar flex flex-1 flex-col gap-2 overflow-y-auto py-3"
@scroll="handleScroll" @scroll="handleScroll"
> >
<ApprovalCard <ApprovalCard
@ -101,7 +101,7 @@ function handleCardClick(id: string) {
</div> </div>
<Card <Card
:body-style="{ overflowY: 'auto', height: '100%' }" :body-style="{ overflowY: 'auto', height: '100%' }"
class="flex-1 overflow-y-hidden" class="thin-scrollbar flex-1 overflow-y-hidden"
size="small" size="small"
title="编号: 1234567890123456789012" title="编号: 1234567890123456789012"
> >
@ -158,3 +158,15 @@ function handleCardClick(id: string) {
</div> </div>
</Page> </Page>
</template> </template>
<style lang="scss" scoped>
.thin-scrollbar {
&::-webkit-scrollbar {
width: 5px;
}
}
:deep(.ant-card-body) {
@apply thin-scrollbar;
}
</style>