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="setDataBoolean" data-name="IsShowExample">
        <image src="../images/sysIcon_a01.png" class="sysIcon_a01"></image>
        <view>示范</view>
      </view>
      <view class="panel113 FlexRow" bind:tap="initGuide" data-isstart="1">新手引导</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 id="txtWord{{item.ID}}" 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="panelGuide FlexRow" wx:if="{{IsShowGuideRemind}}">
    <text class="panelGuide1" catch:tap="initGuide" data-isstart="1">
      <text>卡在单词输入？</text>
      <text class="panelGuideText1">新手引导</text>
      <text>带您体验</text>
    </text>
    <view class="panelGuide2 FlexRow" bind:tap="setDataBoolean" data-name="IsShowGuideRemind" data-savedata="2">
      <image src="../images/sysIcon_a03.png" class="sysIcon_a03"></image>
    </view>
  </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 id="btnNext" 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="closeIsShowFirstOpen">知道了</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 id="btnLevel{{index}}" class="btn btn{{item.CSS}} FlexRow" wx:for="{{GradeArr}}" 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>
      <scroll-view scroll-x="true" class="panelMenu1110">
        <view class="panelMenu1111 FlexRow">
          <view id="btnArticleStyle{{index}}" class="btn btn{{item.CSS}} FlexRow" wx:for="{{ArticleStyleArr}}" wx:key="index" capture-bind:tap="selectBtn" data-id="1" data-index="{{index}}">{{item.Name}}</view>
        </view>
      </scroll-view>
    </view>
    <view class="panelMenu11 FlexColumn">
      <view class="text04 text05">模型</view>
      <view class="panelMenu111 FlexRow">
        <view class="btn btn4 btn{{item.CSS}} FlexRow" wx:for="{{AIVersionArr}}" wx:key="index" capture-bind:tap="selectBtn" data-id="2" data-index="{{index}}">
          <view class="btn41">{{item.Version}}</view>
          <text>{{item.Content}}</text>
        </view>
      </view>
    </view>
    <view id="btnBuild" 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="setDataBoolean" data-name="IsShowSetPanel">
      <view class="panelClose1 FlexRow">
        <image src="../images/sysIcon_a03.png" class="sysIcon_a03"></image>
      </view>
    </view>
  </view>
</view>
<!-- 引入引导模板 -->
<import src="../templates/guide-container.wxml"/>
<!-- 显示引导 -->
<template is="guide-container" data="{{IsShowGuideContainer, panelGuideContainerTop, panelGuideContainerWidth1, panelGuideContainerHeight1, panelGuideContainerLeft2, Containnerheight, panelGuideContainerImage, panelGuideContainerImageLeft, panelGuideContainerImageTop, panelGuideContainerCloseLeft, panelGuideContainerCloseTop}}"/>

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

<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>