keyboard.wxml 1.1 KB

123456789101112131415161718192021222324252627
  1. <view class="tui-keyboard-mask {{show?'tui-mask-show':''}}" wx:if="{{mask}}" catchtap="handleClose"></view>
  2. <view class="tui-keyboard {{action?'tui-keyboard-action':''}} {{show?'tui-keyboard-show':''}}">
  3. <slot></slot>
  4. <view class="tui-keyboard-grids">
  5. <!--{{(index==9 || index==10 || index==11)?'tui-grid-bottom':''}}-->
  6. <view class="tui-keyboard-grid {{(index==9 || index==11)?'tui-bg-gray':''}}" wx:for="{{itemList}}" wx:key="{{index}}" hover-class="tui-keyboard-hover" hover-stay-time="150" catchtap="handleClick"
  7. data-index="{{index}}">
  8. <view wx:if="{{index<11}}" class="tui-keyboard-item {{index==9?'tui-fontsize-32':''}}">{{parse.getKeyBoard(index,action)}}</view>
  9. <view wx:else class="tui-keyboard-item">
  10. <view class="tui-icon tui-keyboard-delete"></view>
  11. </view>
  12. </view>
  13. </view>
  14. </view>
  15. <wxs module="parse">
  16. module.exports = {
  17. getKeyBoard: function(index,action) {
  18. var content = index + 1;
  19. if (index == 9) {
  20. content = action?"取消":"清除";
  21. } else if (index == 10) {
  22. content = 0;
  23. }
  24. return content;
  25. }
  26. }
  27. </wxs>