优化配色
This commit is contained in:
@@ -634,7 +634,7 @@ onMounted(() => {
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
background-color: #ffffff;
|
background-color: #C7D3FF;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|||||||
@@ -728,7 +728,7 @@ watch(activeDockZone, (newZone) => {
|
|||||||
|
|
||||||
/* 半透明区域框样式 */
|
/* 半透明区域框样式 */
|
||||||
.dock-preview-area {
|
.dock-preview-area {
|
||||||
background-color: rgba(161, 169, 196, 0.3); /* 半透明背景 */
|
background-color: rgba(148, 204, 255, 0.3); /* 半透明背景 */
|
||||||
border: 2px dashed #61697E; /* 虚线边框 */
|
border: 2px dashed #61697E; /* 虚线边框 */
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
z-index: 9998; /* 确保在指示器下方 */
|
z-index: 9998; /* 确保在指示器下方 */
|
||||||
|
|||||||
@@ -35,5 +35,5 @@
|
|||||||
1. 当一个Panel被拖动时,显示停靠指示器。
|
1. 当一个Panel被拖动时,显示停靠指示器。
|
||||||
2. 当拖动Panel到指示器时,显示停靠区。
|
2. 当拖动Panel到指示器时,显示停靠区。
|
||||||
3. 当主区域内没有其他Area时,隐藏外部边缘指示器、中心区域容器,只显示中心指示器。
|
3. 当主区域内没有其他Area时,隐藏外部边缘指示器、中心区域容器,只显示中心指示器。
|
||||||
4. 当将TabPage的页标签拖动到中心指示器时
|
4. 当将Area拖动到中心指示器时
|
||||||
4.1. 如果TabPage只有这一个标签页,则将TabPage停靠到中心区域。
|
4.1. 如果Area只有一个直接子组件(TabPage),则将Area的子组件停靠到中心区域。这个Area保存到DockLayout的的隐藏列表中。
|
||||||
|
|||||||
Reference in New Issue
Block a user