english_learned_master/pages/main/wordsinput.wxml

<view class="container FlexColumn" style='min-height:{{Containnerheight+100}}rpx;'>
  <view class="panel1 FlexColumn">
    <view class="text01">输入单词 5-10个</view>
    <view class="panel11 FlexRow" >
      <view class="panel111 FlexRow" bind:tap="showExample">
        <image src="../images/sysIcon_a01.png" class="sysIcon_a01"></image>
        <view>示范</view>
      </view>
      <view class="panel112 FlexRow" bind:tap="clearInput" data-id="0">清空全部</view>
    </view>
  </view>
  <view class="panel10 FlexRow" wx:if="{{IsShowAlert}}">
    <view class="panel101 FlexRow">
      <image src="../images/sysIcon_b11.png" class="sysIcon_a03"></image>
      <view class="text03">{{AlertContent}}</view>
    </view>
  </view>

  <view class="panel2 FlexColumn">
    <block wx:for="{{Words}}" wx:key="index">
      <view class="panel20 panel2{{item.ID}} {{item.CSS}} FlexRow">
        <view class="panel211" wx:if="{{!item.IsError}}"></view>
        <view class="panel211 panel2110" wx:if="{{item.IsError}}"></view>
        <input type="text" class="txtWord" focus="{{item.Focus}}" placeholder="单词 {{item.ID}}"  value="{{item.Word}}" confirm-type="{{KeyboardBtnName}}" maxlength="30" placeholder-class="placeholderClass" bindconfirm="keyboardOK"  bindfocus="setFocus" bindinput="bindKeyInput" data-id="{{item.ID}}"/>
        <view class="panel20Delete FlexRow" wx:if="{{item.CSS}}" bind:tap="clearInput" data-id="{{item.ID}}">
          <image src="../images/sysIcon_a99.png" class="sysIcon_a14"></image>
        </view>
      </view>
    </block>
  </view>

  <view class="panelFooter FlexRow">
    <view class="panelFooter1 FlexRow">
      <view class="panelFooter11 panelFooter10 FlexColumn" bindtap="goto" data-url="../main/selectword">
        <image src="../images/sysIcon_a04.png" class="sysIcon_a03"></image>
        <view class="text02">拍照</view>
      </view>
      <view class="panelFooter12 panelFooter10 FlexColumn" bindtap="goto" data-url="../main/paste">
        <image src="../images/sysIcon_a05.png" class="sysIcon_a03"></image>
        <view class="text02">粘贴</view>
      </view>
      <view class="panelFooter13 panelFooter10 FlexColumn" bind:tap="setArticleParam">下一步</view>
    </view>
  </view>

  
</view>

<view wx:if="{{IsShowFirstOpen}}" class="panelHelp container FlexColumn" style='min-height:{{Containnerheight}}rpx;'>
  <view class="panelHelp1">
    <image src="../images/sysIcon_b06.png" class="sysIcon_b06"></image>
    <view class="panelHelp2 FlexColumn">
      <text class="text07">先从这里输入单词\n再点下一步生成文章</text>
      <view class="btn3 FlexColumn" bind:tap="closeHelp">知道了</view>
    </view>
  </view>
</view>


<view wx:if="{{IsShowSetPanel}}" class="panelMenu container FlexColumn" style='min-height:{{Containnerheight}}rpx;'>
  <view class="panelMenu1 FlexColumn">
    <view class="panelMenu11 FlexColumn">
      <view class="text04">要求</view>
    </view>
    <view class="panelMenu11 FlexColumn">
      <view class="text04 text05">接近哪个年龄段的单词水平</view>
      <view class="panelMenu111 FlexRow">
        <view class="btn btn{{item.CSS}} FlexRow" wx:for="{{Grade}}" wx:key="index" capture-bind:tap="selectBtn" data-id="0" data-index="{{index}}">{{item.Name}}</view>
      </view>
    </view>
    <view class="panelMenu11 FlexColumn">
      <view class="text04 text06">短文主题</view>
      <view class="panelMenu111 FlexRow">
        <view class="btn btn{{item.CSS}} FlexRow" wx:for="{{ArticleStyle}}" wx:key="index" capture-bind:tap="selectBtn" data-id="1" data-index="{{index}}">{{item.Name}}</view>
      </view>
    </view>
    <view class="btn2 FlexRow" catch:tap="goto" data-url="article">
      <image src="../images/sysIcon_b01.png" class="sysIcon_b01"></image>
      <view>生成短文</view>
    </view>

    <view class="panelClose FlexRow" capture-bind:tap="setMenu">
      <view class="panelClose1 FlexRow">
        <image src="../images/sysIcon_a03.png" class="sysIcon_a03"></image>
      </view>
    </view>
  </view>
</view>

<view wx:if="{{IsShowExample}}" class="panelExample container FlexColumn" style='min-height:{{Containnerheight}}rpx;' catchtouchmove="catchTouchMove">
  <scroll-view scroll-y="true" class="exampleScrollView" style='height:{{Containnerheight}}rpx;'>
    <image src="../images/pic_h01.png" class="pic_h01"></image>
  </scroll-view>
  <image src="../images/pic_04.png" class="pic_04"></image>
  <view class="panelExampleBtn FlexColumn" catch:tap="showExample">
    <view class="panelExampleBtn1">关闭</view>
  </view>
</view>

<view wx:if="{{IsShowRemind}}" class="panelRemindParent {{remindAnimation}} container FlexColumn" style='min-height:{{Containnerheight}}rpx;'>
  <view class="panelRemind FlexColumn">
    <image src="../images/sysIcon_b10.png" class="sysIcon_b10"></image>
      
    <view class="panelRemind1 FlexRow">
      <image src="../images/sysIcon_b09.png" class="sysIcon_b09"></image>
      <view>无法拍照</view>
    </view>
    <view class="panelRemind2 FlexColumn">
      <view class="textRemind FlexColumn">
        <text>很抱歉，目前不能拍照，因为单词数量已满，不能再增加新的单词。请先删除一些单词。</text>
        <text style="margin-top: 20rpx;">单词容量，最多10个，至少5个。</text>
      </view>
      <view class="btnReind1 FlexColumn" catch:tap="showRemind">知道了</view>
    </view>
  </view>
</view>