<custom chineseName="语音识别" engName="getVoiceRecognizer"></custom>
<view class="wrap">
    <view class="card-area-all">
        <tabs class="topTabSwiper" bindtabchange="checkCurrent" active-name="{{currentData}}">
            <tab-item s-for="tab in tabs" name="{{tab.name}}" label="{{tab.label}}" />
        </tabs>
        <view class="tip-bgc">
            <view s-if="{{currentData == 0}}" class="tip-text">此模式支持60秒以内语音识别，适用于短字段输入</view>
            <view s-else class="tip-text">此模式不限制收音时长，适用于长字段输入</view>
        </view>
        <view class="swiper">
            <view s-if="{{currentData===0}}" class="wrap">
                <scroll-view scroll-y>
                    <view class="result-area">
                        <view s-if="!ifResult">
                            <view s-if="desc" class="{{ voiceStatus ? 'voiceStatusStart' : 'voiceStatusStop'}}">{{Status}}</view>
                            <view s-else class="voiceStatus">语音识别结果在这里显示</view>
                        </view>
                        <view s-else>
                            <scroll-view scroll-y class="result" scroll-top="{{scrollTop}}">
                                <view class="scroll">{{msg}}</view>
                            </scroll-view>
                        </view>
                        <view s-if="{{StatusTipOn}}" class="voiceStatusTip">{{StatusTip}}</view>
                    </view>
                </scroll-view>
                <view class="card-area">
                    <view class="top-description border-bottom">模式选择</view>
                    <radio-group bindchange="radioChange">
                        <view class="radio border-bottom">
                            <radio value="dnn" checked>&nbsp;&nbsp;dnn自动听音</radio>
                            <label s-if="{{tip}}" class="auto-tip">语音停顿后自动终止识别</label>
                        </view>
                        <view class="radio border-bottom">
                            <radio value="touch">&nbsp;&nbsp;touch手动听音</radio>
                            <label s-if="{{!tip}}" class="auto-tip">手动点击结束按钮终止识别</label>
                        </view>
                    </radio-group>

                    <button s-if="{{load}}" bind:tap="start" type="primary">点击开始</button>
                    <view s-else>
                        <button bind:tap="{{type}}" type="primary">{{text}}</button>
                        <button bind:tap="cancel">点击取消</button>
                    </view>
                </view>
            </view>

            <view s-else class="wrap">
                <scroll-view scroll-y>
                    <view class="result-area">
                        <view s-if="descLong">
                            <view s-if="desc" class="{{longVoiceStatus ? 'voiceStatusStart' : 'voiceStatusStop'}} {{longDesc === '没有检测到语音'?'longDescError':''}}">{{longDesc}}</view>
                            <view s-else class="voiceStatus">语音识别结果在这里显示</view>
                        </view>
                        <view s-else>
                            <scroll-view scroll-y class="result" scroll-top="{{scrollTop}}">
                                <view class="longScroll">{{longMsg}}</view>
                            </scroll-view>
                        </view>
                    </view>
                </scroll-view>
                <view class="card-area">
                    <view class="top-description border-bottom">操作选择</view>
                    <button s-if="{{longLoad}}" bind:tap="longStart" type="primary" hover-stop-propagation="true">点击开始</button>
                    <view s-else>
                        <button  bind:tap="longStop" type="primary" hover-stop-propagation="true">点击结束</button>
                        <button  bind:tap="cancel" hover-stop-propagation="true">点击取消</button>
                    </view>
                </view>
            </view>
        </view>
    </view>
</view>


















