miniProgram/subpagesTwo/dropfoot/dropfoot.wxml

<view class="body">
    <view class="body_txt" style="text-align:center">
        <view class="weui-cells weui-cells_after-title">
        </view>

        <view style="width: 450rpx;margin: 0 auto">
            <view class="status-text">
                连接状态：{{connected ? "已连接" : "已断开"}}
            </view>
            <view style="display: flex;">
                <view class="status-text"  style="flex: 1">
                    模式：{{Rmode}}
                </view >
                <view class="status-text"  style="flex: 1">
                    状态：{{Rworkstate === 0 ? "暂停" : "运行中"}}
                </view>
                <view class="status-text"  style="flex: 1">
                    挡位：{{Rtarget}}
                </view>
            </view>
            <view class="status-text">
                计时：{{Rcurrent1}}分钟{{Rcurrent2}}秒
            </view>
            <view class="status-text">
                电量：{{RBattery}}/5
            </view>

        </view>
    </view>
    <view class="waringimg">
        <image src="/subpagesTwo/images/zmdevice/wake.png"
               style="height: 520rpx; display: block; box-sizing: border-box; width: 595rpx"></image>
    </view>


    <view class="blocks" style="width: 677rpx; display: block; box-sizing: border-box">
        <text style="font-size: x-small; color: gray; position: relative; left: 269rpx; top: 14rpx">
            当前设置模式为：{{mode}}
        </text>
        <button type="primary"
                style="position: relative; left: -212rpx; top: 139rpx; width: 125rpx; display: block; box-sizing: border-box; height: 87rpx"
                data-value="1"
                bindtap="handleClick">一
        </button>
        <button type="primary"
                style="width: 125rpx; height: 87rpx; display: block; box-sizing: border-box; left: 29rpx; top: 52rpx; position: relative"
                data-value="2"
                bindtap="handleClick">二
        </button>
        <button type="primary"
                style="position: relative; left: 272rpx; top: -35rpx; width: 125rpx; display: block; box-sizing: border-box; height: 87rpx"
                data-value="3"
                bindtap="handleClick">三
        </button>
    </view>
    <view class="progset" style="height: 653rpx; display: flex; box-sizing: border-box">
        <view class="clock">
            <checkbox-group bindchange="VoltagecheckboxChange">
                <checkbox value="targetset" checked="{{tcisc}}"/>
            </checkbox-group>
            <text decode="{{true}}">&nbsp;&nbsp;\n&nbsp;&nbsp;</text>

            <image class="Voltage-image" src="{{tisrc}}" style="width: {{48}}px; height: {{48}}px;"></image>
            <text decode="{{true}}">&nbsp;&nbsp;\n&nbsp;&nbsp;</text>

            <view class="tainfor">
                <text style="color: {{tcisc? '#0667f8':'#5f5f5fd7'}};">强度{{target}}\n</text>
                <text style="color: {{ccisc? '#0667f8':'#5f5f5fd7'}};">{{current}}分钟</text>
            </view>
            <text decode="{{true}}">&nbsp;&nbsp;\n&nbsp;&nbsp;</text>

            <image class="Voltage-image" src="{{cisrc}}" style="width: {{48}}px; height: {{48}}px;"></image>
            <text decode="{{true}}">&nbsp;&nbsp;\n&nbsp;&nbsp;</text>

            <checkbox-group bindchange="currentcheckboxChange">
                <checkbox value="currentset" checked="{{ccisc}}"/>
            </checkbox-group>
        </view>
        <view class="button">
            <view class="circle-btn" bindtouchstart="leftTouchStart" bindtouchend="leftTouchEnd"
                  disabled="{{leftDisabled}}">
                <image src="/subpagesTwo/images/zmdevice/minus.png" style="width: 32px;height: 32px;"></image>
            </view>
            <view class="circle-work" bindtap="Send" disabled="{{stateDisabled}}">
                <!-- <view  class="{{workstate? 'workstart':'workstop'}}"> </view> -->
                <image wx:if="{{workstate}}" src="/subpagesTwo/images/zmdevice/start.png"
                       style="width: 48px;height: 48px;"></image>
                <image wx:else src="/subpagesTwo/images/zmdevice/stop.png" style="width: 32px;height: 32px;"></image>
            </view>
            <view class="circle-btn" bindtouchstart="rightTouchStart" bindtouchend="rightTouchEnd"
                  disabled="{{rightDisabled}}">
                <image src="/subpagesTwo/images/zmdevice/plus.png" style="width: 32px;height: 32px;"></image>
            </view>
        </view>

    </view>
</view>