sony-ble/pages/index/index.wxml

<!--index.wxml-->
<view class="container">
  <view class="header"></view>
  <view class="header">
    <view class="state-info" bindtap="tapState">
     <led color="{{connectStateMap[ble.state].color}}" width="15"/> {{connectStateMap[ble.state].text}}
    </view>
    <view class="state-msg" wx:if="{{ble.state == bleStateEnum.connected}}">
      {{remoteDev.devName}}
    </view>
    <view class="state-msg" wx:if="{{ble.state == bleStateEnum.notConnect}}">
      <view class="custom-info-btn" bindtap="searchDevice" >扫描</view>
    </view>
    <view class="state-msg" wx:if="{{ble.state == bleStateEnum.connecting}}">
      <view class="custom-info-btn" bindtap="searchDevice" >重新扫描</view>
    </view>
  </view>

  <view class="bleDevices" wx:if="{{ble.state == bleStateEnum.searching || ble.state == bleStateEnum.connecting }}">
    <view class="title">
      设备列表
      <view class="mx-10 text-red">{{bleDevs.length}}</view>
    </view>
    <view class="devList">
      <view class="devItem" wx:for="{{bleDevs}}" wx:key="deviceId" >
        <view class="devInfo">
          <view class="name">{{item.name}}</view>
          <view class="devId">{{item.deviceId}}</view>
        </view>
        <view class="option">
          <view class="custom-info-btn" data-dev="{{item.deviceId}}" bindtap="connectDev">连接</view>
        </view>
      </view>
    </view>
  </view>

  <view class="conetrol" wx:if="{{ble.state === bleStateEnum.connected}}">
    <button bindtap="holdFoucus">对焦?</button>
  </view>
  
  <view class="usermotto">
    <text class="user-motto">{{motto}}</text>
  </view>
</view>