更新Panel组件和待办事项列表

This commit is contained in:
zqm
2025-11-04 16:46:24 +08:00
parent 89e587ecf1
commit 264e5f458d
2 changed files with 14 additions and 10 deletions

View File

@@ -24,18 +24,21 @@
<template v-if="!maximized">
<!-- 最大化图标外框 + 内部线条 -->
<svg class="icon-square-svg" width="11" height="11" viewBox="0 0 11 11" aria-hidden="true">
<rect x="0.5" y="0.5" width="10" height="10" fill="#cbd6ff" stroke="#8ea3d8" stroke-width="1" />
<rect x="1" y="1" width="9" height="9" fill="none" stroke="#b8c6ff" stroke-width="1" />
</svg>
<rect x="0.5" y="0.5" width="10" height="10" fill="#cbd6ff" stroke="#8ea3d8" stroke-width="1" />
<rect x="3" y="3" width="5" height="1" fill="#b8c6ff" />
<rect x="1" y="3" width="8.5" height="6.5" fill="#435d9c" />
</svg>
</template>
<!-- 还原图标 -->
<template v-else>
<!-- 还原图标两个重叠的外框 -->
<svg class="icon-square-svg" width="11" height="11" viewBox="0 0 11 11" aria-hidden="true">
<!-- 第一个外框 -->
<rect x="0.5" y="2.5" width="6" height="6" fill="#cbd6ff" stroke="#8ea3d8" stroke-width="1" />
<!-- 第二个外框 -->
<rect x="3.5" y="0.5" width="6" height="6" fill="#cbd6ff" stroke="#8ea3d8" stroke-width="1" />
<path
fill="#CED4DD"
fill-rule="evenodd"
clip-rule="evenodd"
d="M1 4 L4 4 L4 1 L11 1 L11 8 L8 8 L8 11 L1 11 Z
M5 4 L5 3 L10 3 L10 7 L8 7 L8 4 Z
M2 6 L12.6 5 L7 6 L7 10 L2 10 Z" />
</svg>
</template>
</button>

View File

@@ -2,14 +2,15 @@
1. 初始添加时默认宽300px高250px。位置相对父容器水平居中垂直居中。
2. 最大化时,填充满父容器。
3. 还原时,恢复到最大化前的位置和大小。
4. 关闭时,从父容器中移除。
4. 关闭时,从父容器中移除。同时将内容区的Panel移除。
5. 拖拽时,允许在父容器内移动,不允许超出父容器边界。
6. 当内容区只包含一个Panel时显示Area的标题栏。
7. 当内容区只包含一个Panel时拖动Panel标题栏就相当于拖动Area。
8. 当内容区只包含一个Panel时单击Panel的最大化按钮就相当于单击Area的最大化按钮同时最大化Panel。
### Panel
1. 填充满父容器。
2. 最大化时,最大化图标变成还原图标。
### 添加浮动面板
1. 首先添加一个Area。使用Area的初始设置。