mirror of
https://github.com/continew-org/continew-admin-ui.git
synced 2025-09-09 20:57:17 +08:00
fix: 修复表格全屏显示问题
This commit is contained in:
@@ -1,13 +1,11 @@
|
||||
<template>
|
||||
<div
|
||||
ref="rootRef" class="ca-split-panel" :class="{
|
||||
'is-vertical': vertical,
|
||||
'is-resizing': resizing,
|
||||
'is-collapse': isCollapse,
|
||||
'is-responsive': isResponsive,
|
||||
'is-mobile': isMobile,
|
||||
}" :style="customStyle"
|
||||
>
|
||||
<div ref="rootRef" class="ca-split-panel" :class="{
|
||||
'is-vertical': vertical,
|
||||
'is-resizing': resizing,
|
||||
'is-collapse': isCollapse,
|
||||
'is-responsive': isResponsive,
|
||||
'is-mobile': isMobile,
|
||||
}" :style="customStyle">
|
||||
<div class="container" :style="sideStyle">
|
||||
<div ref="sideRef" class="ca-split-panel__side">
|
||||
<div class="ca-split-panel__content">
|
||||
@@ -17,12 +15,10 @@
|
||||
<!-- 竖线和按钮 -->
|
||||
<div class="divider-container">
|
||||
<div v-show="!isCollapse" class="divider"></div>
|
||||
<div
|
||||
v-if="allowCollapse" class="ca-split-panel__collapse-trigger" :class="{
|
||||
'is-collapse': isCollapse,
|
||||
'is-mobile': isMobile,
|
||||
}" @click="toggleCollapse"
|
||||
>
|
||||
<div v-if="allowCollapse" class="ca-split-panel__collapse-trigger" :class="{
|
||||
'is-collapse': isCollapse,
|
||||
'is-mobile': isMobile,
|
||||
}" @click="toggleCollapse">
|
||||
<div class="ca-split-panel__collapse-trigger-icon">
|
||||
<IconRight v-if="isCollapse" size="20" />
|
||||
<IconLeft v-else size="20" />
|
||||
@@ -167,7 +163,9 @@ onUnmounted(() => {
|
||||
.clead_padding {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.ca-split-panel:has(.gi-table--fullscreen) .container{
|
||||
display: none;
|
||||
}
|
||||
.ca-split-panel {
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
@@ -175,10 +173,12 @@ onUnmounted(() => {
|
||||
height: 100%;
|
||||
position: relative;
|
||||
background: var(--color-bg-2);
|
||||
z-index: 1000;
|
||||
|
||||
.container {
|
||||
display: flex;
|
||||
height: 100%;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.divider-container {
|
||||
@@ -310,6 +310,7 @@ onUnmounted(() => {
|
||||
}
|
||||
|
||||
&.is-mobile {
|
||||
|
||||
:deep(.arco-table-col-fixed-left),
|
||||
:deep(.arco-table-col-fixed-right) {
|
||||
position: static;
|
||||
|
Reference in New Issue
Block a user