<!--pages/device.wxml-->
<view class="device-container">
    <view class="control-rev">
        <text class="title-rev">数据接收 : </text>
        <button class="bt-clear" type="primary" bindtap="btClearTap" hover-start-time="0">清空</button>
        <checkbox-group bindchange="checkScroll" class="checkbox-scroll">
            <checkbox checked="true"></checkbox>
            <text>滚动</text>
        </checkbox-group>
        <checkbox-group bindchange="checkRevHex" class="checkbox-rev-hex">
            <checkbox></checkbox>
            <text>Hex</text>
        </checkbox-group>
    </view>
    <view class="scroll-view-container">
        <scroll-view class="scroll-view-rev" scroll-y="true" scroll-into-view="{{scrollIntoView}}">
            <view class="view-rev-gap"></view>
            <text class="text-rev" user-select="true" selectable="true">{{textRevData}}</text>
            <view class="view-rev-gap"></view>
            <view id="scroll-view-bottom"></view>
            <view id="scroll-view-bottom2"></view>
        </scroll-view>
    </view>
    <view class="control-send">
        <text class="title-send">数据发送 : </text>
        <checkbox-group bindchange="checkSendHex" class="checkbox-send-hex">
            <checkbox></checkbox>
            <text>Hex</text>
        </checkbox-group>
    </view>
    <view class="view-input-send">
        <textarea class="input-send" maxlength="-1" bindblur="inputSendData" bindinput="inputSendData" />
    </view>
    <view class="view-bt-send">
        <button class="bt-send" type="primary" bindtap="btSendTap" hover-start-time="0">发送</button>
    </view>
    <view class="control-chinese">
        <text class="title-chinese">中文字符集 : </text>
        <radio-group bindchange="checkChinese" class="checkbox-chinese">
            <radio value="utf8" />
            <text class="checkbox-chinese-first-item">UTF-8</text>
            <radio value="gbk" checked="true"/>
            <text>GBK</text>
        </radio-group>
    </view>
    <view><text class="text-support">技术支持：https://eciot.com</text></view>
</view>