refactor: simplify device binding home layout

This commit is contained in:
czz
2026-05-07 16:30:36 +08:00
parent 991b542b8c
commit 2e00ee93ce
2 changed files with 18 additions and 194 deletions

View File

@@ -57,6 +57,7 @@
.device-header__add {
width: 36rpx;
height: 36rpx;
margin-top: 28rpx;
border: 2rpx solid rgba(255, 255, 255, 0.86);
border-radius: 50%;
color: #ffffff;
@@ -97,8 +98,7 @@
font-size: 28rpx;
}
.device-actions-card,
.device-status-card {
.device-actions-card {
position: relative;
z-index: 1;
border-radius: 24rpx;
@@ -176,124 +176,6 @@
letter-spacing: 1rpx;
}
.device-status-card {
margin-top: 22rpx;
padding: 24rpx;
}
.device-status-card__header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 12rpx;
}
.device-status-card__title {
color: #edf3ff;
font-size: 24rpx;
font-weight: 600;
}
.device-status-card__tag {
padding: 6rpx 16rpx;
border-radius: 999rpx;
font-size: 20rpx;
line-height: 1.2;
}
.device-status-card__tag--idle {
background: rgba(125, 136, 164, 0.18);
color: #b8c0d5;
}
.device-status-card__tag--searching {
background: rgba(54, 228, 170, 0.14);
color: #63f0c0;
}
.device-status-card__tag--empty {
background: rgba(255, 157, 87, 0.14);
color: #ffb173;
}
.device-status-card__tag--success {
background: rgba(72, 214, 165, 0.18);
color: #7cf0c4;
}
.device-status-card__hint {
display: block;
color: #f1f5ff;
font-size: 24rpx;
line-height: 1.7;
}
.device-status-card__subhint {
display: block;
margin-top: 8rpx;
color: #8f98ad;
font-size: 22rpx;
line-height: 1.6;
}
.device-list {
margin-top: 20rpx;
}
.device-list__item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20rpx 22rpx;
border-radius: 18rpx;
background: rgba(25, 31, 44, 0.88);
}
.device-list__item + .device-list__item {
margin-top: 16rpx;
}
.device-list__name {
display: block;
color: #f3f7ff;
font-size: 24rpx;
font-weight: 600;
}
.device-list__meta {
display: block;
margin-top: 6rpx;
color: #8992a8;
font-size: 20rpx;
}
.device-list__action {
color: #3de5af;
font-size: 24rpx;
font-weight: 600;
}
.device-success {
margin-top: 18rpx;
padding: 18rpx 22rpx;
border-radius: 18rpx;
background: rgba(61, 229, 175, 0.1);
}
.device-success__title {
display: block;
color: #88f5cc;
font-size: 20rpx;
}
.device-success__name {
display: block;
margin-top: 6rpx;
color: #f3f7ff;
font-size: 24rpx;
font-weight: 600;
}
.device-notice-card {
position: relative;
z-index: 1;