xudan/web-map
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(modal): 优化机器人选择弹窗的选中样式，将选中项背景色改为分割线并调整文字和勾选指示器颜色以提升视觉层次

Browse Source
This commit is contained in:
xudan 2025-12-08 15:11:37 +08:00
parent 322a4fa8a7
commit 7485a96f7b
1 changed files with 17 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/modal/robot-selector-modal.vue
View File

@ -238,22 +238,34 @@ onMounted(() => {
padding: 0 16px; padding: 0 16px;
cursor: pointer; cursor: pointer;
transition: all 0.2s ease; transition: all 0.2s ease;
position: relative;
} }
.robot-item.selected { .robot-item:not(:last-child)::after {
background-color: #0dbb8a; content: '';
position: absolute;
bottom: 0;
left: 16px;
right: 16px;
height: 1px;
background-color: var(--border-color-split, #d9d9d9);
}
/* 暗色主题 */
[theme='dark'] .robot-item:not(:last-child)::after {
background-color: #5c5757;
} }
.robot-item.selected .robot-name { .robot-item.selected .robot-name {
color: #fff; color: #0dbb8a;
} }
.robot-item.selected .robot-status { .robot-item.selected .robot-status {
color: rgba(255, 255, 255, 0.8); color: #0dbb8a;
} }
.check-indicator { .check-indicator {
color: #fff; color: #0dbb8a;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;