feat: add loading animation on reconnect button, 5s timeout

miniprogram/pages/wear-check/wear-check.js

@@ -4,7 +4,8 @@ Page({
   data: {
     statusBarHeight: 44,
     battery: 0,
-    connected: false
+    connected: false,
+    reconnecting: false
   },
 
   onBack: function () {
@@ -37,29 +38,32 @@ Page({
 
   onRetry: function () {
     var self = this
+    if (self.data.reconnecting) return
     if (ble.isConnected()) {
       self.setData({ connected: true })
       return
     }
-    self.setData({ connected: false })
+    self.setData({ connected: false, reconnecting: true })
     ble.disconnect()
     setTimeout(function () {
       ble.startScan({
         onFound: function () {},
         onConnected: function () {
           clearTimeout(self._reconnectTimer)
-          self.setData({ connected: true })
+          self.setData({ connected: true, reconnecting: false })
           wx.showToast({ title: '连接成功', icon: 'success' })
         },
         onError: function (err) {
           clearTimeout(self._reconnectTimer)
+          self.setData({ reconnecting: false })
           wx.showToast({ title: err.msg || '连接失败', icon: 'none' })
         }
       })
       self._reconnectTimer = setTimeout(function () {
         ble.stopScan()
+        self.setData({ reconnecting: false })
         wx.showToast({ title: '搜索超时', icon: 'none' })
-      }, 15000)
+      }, 5000)
     }, 500)
   },
 

miniprogram/pages/wear-check/wear-check.wxml

@@ -29,6 +29,6 @@
     </view>
 
     <button class="btn-primary" wx:if="{{connected}}" bindtap="onNext">确认已佩戴，开始检测</button>
-    <button class="btn-secondary" wx:if="{{!connected}}" bindtap="onRetry">重新连接</button>
+    <button class="btn-secondary" wx:if="{{!connected}}" bindtap="onRetry" disabled="{{reconnecting}}" loading="{{reconnecting}}">{{reconnecting ? '正在连接...' : '重新连接'}}</button>
   </view>
 </view>