chore: 默认显示右边的滚动条 防止出现滚动条被挤压

This commit is contained in:
dap 2025-01-11 11:49:49 +08:00
parent e57df4e522
commit c1d0a8fe3e

View File

@ -35,7 +35,7 @@ const emit = defineEmits<{
const [BasicModal, modalApi] = useVbenModal({ const [BasicModal, modalApi] = useVbenModal({
title: '选择人员', title: '选择人员',
class: 'w-[1050px]', class: 'w-[1060px]',
fullscreenButton: false, fullscreenButton: false,
onClosed: () => emit('cancel'), onClosed: () => emit('cancel'),
onConfirm: handleSubmit, onConfirm: handleSubmit,
@ -290,7 +290,7 @@ function handleSubmit() {
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<VbenAvatar <VbenAvatar
:alt="row.nickName" :alt="row.nickName"
:src="row.avatar" :src="row.avatar ?? ''"
:class="{ 'bg-primary': !row.avatar }" :class="{ 'bg-primary': !row.avatar }"
class="size-[32px] rounded-full text-white" class="size-[32px] rounded-full text-white"
/> />
@ -315,12 +315,12 @@ function handleSubmit() {
</div> </div>
</div> </div>
</div> </div>
<RightBasicTable> <RightBasicTable id="user-select-right-table">
<template #user="{ row }"> <template #user="{ row }">
<div class="flex items-center gap-2 overflow-hidden"> <div class="flex items-center gap-2 overflow-hidden">
<VbenAvatar <VbenAvatar
:alt="row.nickName" :alt="row.nickName"
:src="row.avatar" :src="row.avatar ?? ''"
:class="{ 'bg-primary': !row.avatar }" :class="{ 'bg-primary': !row.avatar }"
class="size-[32px] rounded-full text-white" class="size-[32px] rounded-full text-white"
/> />
@ -354,3 +354,14 @@ function handleSubmit() {
cursor: pointer; cursor: pointer;
} }
</style> </style>
<style lang="scss">
/**
默认显示右边的滚动条 防止出现滚动条被挤压
*/
#user-select-right-table {
div.vxe-table--body-wrapper.body--wrapper {
overflow: scroll;
}
}
</style>