sony-ble/pages/index/index.wxml

<!-- 导航栏,索尼蓝牙遥控与蓝牙调试器工具 -->
<view class="rounded-chunk">
   <!-- 灯光控制器 -->
    <view class="chunk">
        <!-- change log -->
        <view class="chunk-title rounded-t">灯光控制器</view>
        <view class="c-content rounded-b">
            <text class="sm-text">本工具用于控制专属led</text>
        </view>
        <view class="c-btn">
            <view class="btn" data-dev="light" bindtap="openPageHandle">立即使用</view>
        </view>
    </view>

    <!-- 索尼遥控 -->
    <view class="chunk mt">
        <!-- change log -->
        <view class="chunk-title rounded-t">索尼遥控</view>
        <view class="c-content">
            <text class="sm-text">本工具用于控制索尼相机,拍照</text>
            
        </view>
        <view class="c-content rounded-b">
            
            <view class="line hr-b" 
            wx:for="{{sonyItems}}" 
            wx:key="fnKey" 
            wx:for-index="idx">
                <view class="info align-left">{{item.title}}</view>
                <!-- 判断是否为最后一个元素 -->
                <view class="select {{idx === (sonyItems.length - 1) ? '':'bool-font'}}">
                    <fnState state="{{item.state}}"></fnState>
                </view>
            </view>

<!-- 居中路由按钮. 实现立即跳转至对应页面-->
        <view class="c-btn" >
            <view class="btn" data-dev="{{'camera'}}" bindtap="openPageHandle" >立即使用</view>
        </view>
        </view>
    </view>

    <!-- 蓝牙命令控制器 -->
    <view class="chunk mt">
        <!-- change log -->
        <view class="chunk-title rounded-t">蓝牙控制器</view>
        <view class="c-content rounded-b">
            <!-- info -->
            <text class="sm-text">本工具用于调试蓝牙设备，包括蓝牙设备的搜索、连接、断开、发送数据、接收数据等功能。
            </text>
        </view>
        <view class="c-btn">
            <view class="btn" data-dev="{{'bleTool'}}" bindtap="openPageHandle">立即使用</view>
        </view>
    </view>

</view>