sony-ble/pages/ble/ble.wxml

<!--pages/light/light.wxml-->
<view class="lamp" hover-class="none" hover-stop-propagation="false">
    <view class="lamp_header">
        <scanHandle 
            state="{{ble.state}}" 
            dev-name="{{ble.devName}}"
            bindsearchDevice="searchDeviceHandle"
            binddisconnectDevice="disconnectHandle"
            />
    </view>
    

    <view class="lamp__content" style="background-color:{{lamp.bgc}}">
        <tabList
        wx:if="{{ble.state === connectStateTypes.scaning || ble.state === connectStateTypes.connecting}}"
        ble-devs="{{ bleDevs }}"
        bindconnectDev="connectDevHandle"
        
        >
        </tabList>

        <view class="lampControl" 
        wx:if="{{ble.state === connectStateTypes.connected}}"
        >

            <!-- 设备名称 -->
            <view class="lampControl__device_name">
                <view class="deviceName">
                设备名称: {{ble.devName}}
                </view>
            </view>
            <div class="service_items">
                <!-- 服务控制 -->
                <view class="service_item" wx:for="{{bleServices}}" 
                wx:key="i" 
                wx:for-item="item">
                    <!-- 服务主信息 -->
                    <view class="service_title">
                        <view class="title_name">
                            {{item.uuid}}
                        </view>
                        <view class="table_icon">
                            {{item.isPrimary ? '主服务' : '次服务'}}
                        </view>
                    </view>
                    
                    <!-- 子服务列表 -->
                    <view 
                    class="service_characteristics" 
                    wx:for="{{item.characteristics}}" 
                    wx:key="j"
                    wx:for-item="characteristic" >
                        {{characteristic.uuid}}
                    </view>

                </view>
            </div>
            
        </view>


        <!-- 开始扫描按钮 -->
        <view class="lampControl lampControl__scan"
        wx:if="{{ble.state === connectStateTypes.unConnect}}"
        >
            <view class="scanBtn" hover-class="none" hover-stop-propagation="false" bindtap="searchDeviceHandle">
                开始扫描
            </view>
        </view>

    </view>
</view>