wordsinput.wxml 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  1. <view class="container FlexColumn" style='min-height:{{Containnerheight+100}}rpx;'>
  2. <view class="panel1 FlexColumn">
  3. <view class="text01">输入单词 5-10个</view>
  4. <view class="panel11 FlexRow" >
  5. <view class="panel111 FlexRow" bind:tap="showExample">
  6. <image src="../images/sysIcon_a01.png" class="sysIcon_a01"></image>
  7. <view>示范</view>
  8. </view>
  9. <view class="panel112 FlexRow" bind:tap="clearInput" data-id="0">清空</view>
  10. </view>
  11. </view>
  12. <view class="panel10 FlexRow" wx:if="{{IsShowAlert}}">
  13. <view class="panel101 FlexRow">
  14. <image src="../images/sysIcon_b11.png" class="sysIcon_a03"></image>
  15. <view class="text03">{{AlertContent}}</view>
  16. </view>
  17. </view>
  18. <view class="panel2 FlexColumn">
  19. <block wx:for="{{Words}}" wx:key="index">
  20. <view class="panel20 panel2{{item.ID}} {{item.CSS}} FlexRow">
  21. <view class="panel211" wx:if="{{!item.IsError}}"></view>
  22. <view class="panel211 panel2110" wx:if="{{item.IsError}}"></view>
  23. <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}}"/>
  24. <view class="panel20Delete FlexRow" wx:if="{{item.CSS}}" bind:tap="clearInput" data-id="{{item.ID}}">
  25. <image src="../images/sysIcon_a99.png" class="sysIcon_a14"></image>
  26. </view>
  27. </view>
  28. </block>
  29. </view>
  30. <view class="panelFooter FlexRow">
  31. <view class="panelFooter1 FlexRow">
  32. <view class="panelFooter11 panelFooter10 FlexColumn" bindtap="goto" data-url="../main/selectword">
  33. <image src="../images/sysIcon_a04.png" class="sysIcon_a03"></image>
  34. <view class="text02">拍照</view>
  35. </view>
  36. <view class="panelFooter12 panelFooter10 FlexColumn" bindtap="goto" data-url="../main/paste">
  37. <image src="../images/sysIcon_a05.png" class="sysIcon_a03"></image>
  38. <view class="text02">粘贴</view>
  39. </view>
  40. <view class="panelFooter13 panelFooter10 FlexColumn" bind:tap="setArticleParam">下一步</view>
  41. </view>
  42. </view>
  43. </view>
  44. <view wx:if="{{IsShowFirstOpen}}" class="panelHelp container FlexColumn" style='min-height:{{Containnerheight}}rpx;'>
  45. <view class="panelHelp1">
  46. <image src="../images/sysIcon_b06.png" class="sysIcon_b06"></image>
  47. <view class="panelHelp2 FlexColumn">
  48. <text class="text07">先从这里输入单词\n再点下一步生成文章</text>
  49. <view class="btn3 FlexColumn" bind:tap="closeHelp">知道了</view>
  50. </view>
  51. </view>
  52. </view>
  53. <view wx:if="{{IsShowSetPanel}}" class="panelMenu container FlexColumn" style='min-height:{{Containnerheight}}rpx;'>
  54. <view class="panelMenu1 FlexColumn">
  55. <view class="panelMenu11 FlexColumn">
  56. <view class="text04">要求</view>
  57. </view>
  58. <view class="panelMenu11 FlexColumn">
  59. <view class="text04 text05">单词水平</view>
  60. <view class="panelMenu111 FlexRow">
  61. <view 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>
  62. </view>
  63. </view>
  64. <view class="panelMenu11 FlexColumn">
  65. <view class="text04 text06">主题</view>
  66. <scroll-view scroll-x="true" class="panelMenu1110">
  67. <view class="panelMenu1111 FlexRow">
  68. <view 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>
  69. </view>
  70. </scroll-view>
  71. </view>
  72. <view class="panelMenu11 FlexColumn">
  73. <view class="text04 text05">模型</view>
  74. <view class="panelMenu111 FlexRow">
  75. <view class="btn btn4 btn{{item.CSS}} FlexRow" wx:for="{{AIVersionArr}}" wx:key="index" capture-bind:tap="selectBtn" data-id="2" data-index="{{index}}">
  76. <view class="btn41">{{item.Version}}</view>
  77. <text>{{item.Content}}</text>
  78. </view>
  79. </view>
  80. </view>
  81. <view class="btn2 FlexRow" catch:tap="goto" data-url="article">
  82. <image src="../images/sysIcon_b01.png" class="sysIcon_b01"></image>
  83. <view>生成短文</view>
  84. </view>
  85. <view class="panelClose FlexRow" capture-bind:tap="setMenu">
  86. <view class="panelClose1 FlexRow">
  87. <image src="../images/sysIcon_a03.png" class="sysIcon_a03"></image>
  88. </view>
  89. </view>
  90. </view>
  91. </view>
  92. <view wx:if="{{IsShowExample}}" class="panelExample container FlexColumn" style='min-height:{{Containnerheight}}rpx;' catchtouchmove="catchTouchMove">
  93. <scroll-view scroll-y="true" class="exampleScrollView" style='height:{{Containnerheight}}rpx;'>
  94. <image src="../images/pic_h01.png" class="pic_h01"></image>
  95. </scroll-view>
  96. <image src="../images/pic_04.png" class="pic_04"></image>
  97. <view class="panelExampleBtn FlexColumn" catch:tap="showExample">
  98. <view class="panelExampleBtn1">关闭</view>
  99. </view>
  100. </view>
  101. <view wx:if="{{IsShowRemind}}" class="panelRemindParent {{remindAnimation}} container FlexColumn" style='min-height:{{Containnerheight}}rpx;'>
  102. <view class="panelRemind FlexColumn">
  103. <image src="../images/sysIcon_b10.png" class="sysIcon_b10"></image>
  104. <view class="panelRemind1 FlexRow">
  105. <image src="../images/sysIcon_b09.png" class="sysIcon_b09"></image>
  106. <view>无法拍照</view>
  107. </view>
  108. <view class="panelRemind2 FlexColumn">
  109. <view class="textRemind FlexColumn">
  110. <text>很抱歉,目前不能拍照,因为单词数量已满,不能再增加新的单词。请先删除一些单词。</text>
  111. <text style="margin-top: 20rpx;">单词容量,最多10个,至少5个。</text>
  112. </view>
  113. <view class="btnReind1 FlexColumn" catch:tap="showRemind">知道了</view>
  114. </view>
  115. </view>
  116. </view>