english_learned_master/pages/main/selectword.wxml

<view class="container FlexColumn" style='min-height:{{Containnerheight+100}}rpx;'>
  <block wx:if="{{Words.length>0}}">
    <view class="panel1 FlexColumn">
      <view class="text01">至少选1个</view>
      <view class="panel11 FlexRow" >
        <view class="panel111 FlexRow" catch:tap="setDataBoolean" data-name="IsShowExample">
          <image src="../images/sysIcon_a01.png" class="sysIcon_a01"></image>
          <view>示范</view>
        </view>
        <view class="panel112 FlexRow" bind:tap="clearInput">取消选择</view>
      </view>
    </view>

    <alert-tip id="alertTip" 
      container-bg-color="linear-gradient(180deg, #004433 0%, rgba(0,46,34,0.80) 100%)" 
      bg-color="#CA4B15" 
      text-color="#FFFFFF" 
      icon-path="../../pages/images/sysIcon_b11.png"
      duration="3000"
      fade-out-duration="2000">
    </alert-tip>

    <view class="panel2 FlexRow">
      <view class="panel21 FlexRow">
        <view class="btn btn{{item.CSS}} FlexRow" wx:for="{{Words}}" wx:key="index" bind:tap="selectWord" data-word="{{item.Name}}">{{item.Name}}</view>
      </view>
    </view>
    <view style="height: 250rpx;"></view>
  </block>

  <block wx:if="{{Words.length==0}}">
    <view class="panelNull FlexColumn">
      <image src="../images/pic_05.png" class="pic_05"></image>
      <view class="text05">未识别到单词</view>
      <view class="text06">请拍摄含有英语单词、句子的画面</view>
      <view class="panelNull1 FlexRow" catch:tap="setDataBoolean" data-name="IsShowExample">
        <image src="../images/sysIcon_a01.png" class="sysIcon_a01"></image>
        <view>提升识别质量</view>
      </view>
    </view>
    <image src="../images/pic_06.png" class="pic_06"></image>
  </block>

  <view class="panelFooter FlexRow">
    <view class="panelFooter1 FlexRow">
      <view class="panelFooter11 panelFooter10 FlexColumn" bindtap="gotoRedirectTo" data-url="ocr">
        <image src="../images/sysIcon_a04.png" class="sysIcon_a03"></image>
        <view class="text02">拍照</view>
      </view>
      <view wx:if="{{Words.length>0}}" class="panelFooter14 panelFooter10 FlexRow" bind:tap="submit">
        <view>确定</view>
        <view class="text04 FlexRow">{{Count}}<image src="../images/sysIcon_a06.png" class="sysIcon_a06"></image>{{CountMax}}</view>
      </view>
      <view wx:if="{{Words.length==0}}" class="panelFooter14 FlexRow">
      </view>
    </view>
  </view>
</view>


<!-- 引入示例面板模板 -->
<import src="../templates/example-panel.wxml"/>
<!-- 显示示例面板 -->
<template is="example-panel" data="{{IsShowExample, Containnerheight, exampleImagePath: '../images/pic_h03.png'}}"/>