[AI Generated]: feat(Views): 完善连接设备页交互逻辑、波纹动画及中心图标样式

miniprogram/pages/connectedDevice/connectedDevice.wxml

@@ -1,7 +1,14 @@
 <view class="connected-device">
 
-	<!-- 三层同心圆动画占位 -->
-	<view class="ripple"></view>
+	<!-- 三层同心圆波纹动画 -->
+	<view class="ripple">
+		<view class="ripple-ring"></view>
+		<view class="ripple-ring ripple-ring--delay1"></view>
+		<view class="ripple-ring ripple-ring--delay2"></view>
+		<view class="ripple-core">
+			<image src="/images/connectedDevice/icon.png" mode=""/>
+		</view>
+	</view>
 
 	<!-- 主标题 -->
 	<view class="title">
@@ -9,7 +16,7 @@
 	</view>
 
 	<!-- 副标题 -->
-	<view class="sub-title">请确保蓝牙已开启,设备处于待机状态</view>
+	<view class="sub-title">请确保蓝牙已开启，设备处于待机状态</view>
 
 	<!-- 主按钮:idle 显示开始搜索,其他显示重新搜索 -->
 	<view class="search-btn" bind:tap="onStartSearch">
@@ -60,10 +67,10 @@
                                 </block>
                             </view>
                             <block wx:if="{{ item.connected }}">
-                                <view class="card-btn-danger" data-id="{{ item.id }}" bind:tap="onDisconnect">断开连接</view>
+                                <view class="card-btn-danger" bind:tap="onDisconnect">断开连接</view>
                             </block>
                             <block wx:else>
-                                <view class="card-btn-primary" data-id="{{ item.id }}" bind:tap="onConnect">连接</view>
+                                <view class="card-btn-primary" data-index="{{ index }}" bind:tap="onConnect">连接</view>
                             </block>
                         </view>
                     </block>