[AI Generated]: feat(*): 修复连接设备页及配网页交互逻辑、蓝牙状态显示与设备名获取

This commit is contained in:
17792275749
2026-05-14 17:18:10 +08:00
parent 29680cb7a4
commit 00a1529256
14 changed files with 402 additions and 155 deletions
@@ -167,26 +167,33 @@
display: flex;
flex-wrap: nowrap;
align-items: center;
>view {
width: 12rpx;
height: 12rpx;
border-radius: 50%;
margin-right: 14rpx;
background-color: #2AC79F;
}
>text {
color: #2AC79F;
height: 28rpx;
font-size: 28rpx;
font-weight: 500;
line-height: 28rpx;
}
}
}
}
.status-dot {
width: 12rpx;
height: 12rpx;
border-radius: 50%;
margin-right: 14rpx;
flex-shrink: 0;
&--green { background-color: #2AC79F; }
&--red { background-color: #F24439; }
&--gray { background-color: #999999; }
}
.status-text {
height: 28rpx;
font-size: 28rpx;
font-weight: 500;
line-height: 28rpx;
&--green { color: #2AC79F; }
&--red { color: #F24439; }
&--gray { color: #999999; }
}
/* idle / searching 两态:居中文案 */
.wifiIdle,
.wifiSearching {
@@ -246,7 +253,7 @@
width: 100%;
flex: 1;
min-height: 0;
padding: 0 12rpx;
padding-left: 12rpx;
box-sizing: border-box;
}
@@ -259,15 +266,20 @@
align-items: center;
margin-bottom: 32rpx;
/* 左侧灰底圆形图标占位 */
/* 左侧 wifi 图标容器 */
>view:nth-of-type(1) {
width: 80rpx;
height: 80rpx;
overflow: hidden;
margin-right: 24rpx;
border-radius: 50%;
background-color: #F7F7F7;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
image {
width: 100%;
height: 100%;
}
}
/* WiFi 名称 */
@@ -284,17 +296,11 @@
>view:nth-of-type(2) {
width: 10rpx;
height: 18rpx;
background-color: #B6B6B6;
flex-shrink: 0;
}
}
/* 列表项:已连接态 */
.wifiItem-connected {
/* 左侧图标不加底色圆,保留图标自身颜色 */
>view:nth-of-type(1) {
background-color: transparent;
}
>text {
color: #1385FA;
@@ -364,6 +370,7 @@
>view {
width: 566rpx;
height: 499rpx;
margin-bottom: 40rpx;
border-radius: 16rpx;
background-color: #F5F8FF;
}