chore: 默认显示右边的滚动条 防止出现滚动条被挤压
This commit is contained in:
parent
e57df4e522
commit
c1d0a8fe3e
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user