sony-ble/pages/old/index.wxml

<!--index.wxml-->
<view class="container">
  <view class="header" wx:if="{{isDebug}}">
  {{ble.state}}
  </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 class="center-row mt-5">
      <view class="shutter-box">  
      <view
      class="shutter-btn {{isHolder?' shutter-holder':''}}" 
      capture-bind:touchstart="touchStartHandle"
      capture-bind:touchend="touchEndHandle"
      capture-bind:touchmove="touchMoveHandle"
    >
      </view>
    </view>
    </view>
    <view class="center-row mt-5" wx:if="{{isHolder}}">
    <text>{{time_minute}}</text>:
    <text>{{time_second}}</text>:
    <text>{{time_ms}}</text>
    </view>
    
  </view>
</view>