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>
  
  <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 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="panelMenu11_1 FlexRow">
        <view class="text04 text05">难度水平 CEFR</view>
        <view class="panelMenu11_11 FlexRow" catch:tap="goto" data-url="help?ID=04">
          <image src="../images/sysIcon_a01.png" class="sysIcon_a01"></image>
          <view>怎么选</view>
        </view>
      </view>
      <scroll-view scroll-x="true" class="panelMenu1110">
        <view class="panelMenu112 FlexRow" >
          <view id="btnLevel{{index}}" class="btn5 btn5{{item.CSS}} FlexRow" wx:for="{{GradeArr}}" wx:key="index" capture-bind:tap="selectBtn" data-id="0" data-index="{{index}}">
            <view class="btn41">{{item.Name}}</view>
            <text>{{item.Content}}</text>
          </view>
        </view>
        <view style="width:30rpx;"></view>
      </scroll-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>
      <scroll-view scroll-x="true" class="panelMenu1110">
        <view class="panelMenu1111 panelMenu11110 FlexRow" style="width: {{358*(AIVersionArr.length+2)}}rpx;">
          <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>
      </scroll-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 {{parentAnimation}} container FlexColumn" style='min-height:{{Containnerheight}}rpx;'>
  <view class="panelRemind {{panelAnimation}} 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>

<!-- 稍等片刻 -->
<view wx:if="{{IsShowRemindWait}}" class="panelRemindParent {{parentAnimation}} container FlexColumn" style='min-height:{{Containnerheight}}rpx;'>
  <view class="panelRemind {{panelAnimation}} 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>很抱歉，由于AI系统负荷较高，无法为您同时生成两篇文章。请在上一篇文章生成结束后再继续，感谢您的理解与耐心等待。</text>
        <text class="textRemind2">一篇生产完毕后才能生产下一篇。</text>
      </view>
      <view class="btnReind1 FlexColumn" catch:tap="showRemind" data-type="IsShowRemindWait">知道了</view>
    </view>
  </view>
</view>