preview.wxml 6.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
  1. <import src="../template/cardShow.wxml" />
  2. <view class="container FlexColumn" style='min-height:{{Containnerheight}}rpx;background-color:{{Color.BackColor}}'>
  3. <!-- 顶端工具栏 -->
  4. <block wx:if="{{ShowType=='show' && Flag!=-1}}">
  5. <view class="panelTop FlexRow">
  6. <view class='left FlexRow'>
  7. <view class="panelTopBtn FlexRow" catchtap='editField' data-type="{{PrintID}}">
  8. 编辑
  9. </view>
  10. <block wx:if="{{!PrintID}}">
  11. <view class="panelTopBtn4 panelTopBtn FlexRow" wx:if="{{IsCardInfoCloseMenu}}" catchtap="openIsCardInfoCloseMenu" >
  12. <view>快捷设置</view>
  13. <image class="universalpic_arrow_up_black_14x10" src='../images/universalpic_arrow_down_black_14x10.png' wx:if="{{true}}" />
  14. </view>
  15. <view class="panelTopBtn4 panelTopBtn FlexRow" wx:if="{{!IsCardInfoCloseMenu}}" catchtap="closeIsCardInfoCloseMenu">
  16. <view>信息收起</view>
  17. <image class="universalpic_arrow_up_black_14x10" src='../images/universalpic_arrow_up_black_14x10.png' wx:if="{{true}}" />
  18. </view>
  19. </block>
  20. </view>
  21. <view class='right FlexRow'>
  22. <view class="panelTopBtn3 FlexRow" catchtap='goto' data-url="./cardInfoDetail?id={{MiaoguoCardID}}">
  23. <view class="panelTopBtn31">练习记录</view>
  24. <view class="panelTopBtnNumber" wx:if="{{LearnNumber>0}}">{{LearnNumber}}</view>
  25. </view>
  26. <view class="panelTopBtn FlexRow" catchtap='gotoCollect'>
  27. <image class="universalpic_star_black_34x34" src='../images/universalpic_star_black_34x34.png' wx:if="{{!IsCollect}}" />
  28. <image class="universalpic_star_black_34x34" src='../images/universalpic_star_yellow_34x34.png' wx:if="{{IsCollect}}" />
  29. </view>
  30. <view wx:if="{{!PrintID}}" class="panelTopBtn2 panelTopBtn FlexRow" catchtap='btnMore'>
  31. <image class="universalpic_omit_black_36x10" src='../images/universalpic_omit_black_36x10.png' />
  32. </view>
  33. </view>
  34. </view>
  35. <view class="panelTop1" style='background-color:{{Color.BackColor}};'></view>
  36. </block>
  37. <block wx:if="{{!IsCardInfoCloseMenu && !PrintID && ShowType!='share'}}">
  38. <view class="panelTop2 FlexColumn">
  39. <view class="panelTop2Item FlexRow" catchtap='editField' data-type="cardtype">
  40. <view class="left FlexRow">
  41. <image class="universalpic_diagram_black_30x28" src='../images/universalpic_diagram_black_30x28.png' />
  42. <view class="panelTop2Item1"><block wx:if="{{CardType==1}}">紧急练习</block><block wx:if="{{CardType==0}}">日常练习</block><block wx:if="{{CardType==-1}}">归档</block></view>
  43. </view>
  44. <image class="Arrow" src='../images/universalpic_indicator_right_gray.png' />
  45. </view>
  46. <block wx:if="{{FolderName}}">
  47. <view class="lineWidthAll FlexRow">
  48. <view class="lineWidth660"></view>
  49. </view>
  50. <view class="panelTop2Item FlexRow" catchtap='editField' data-type="folder">
  51. <view class="left FlexRow">
  52. <image class="universalpic_diagram_black_30x28" src='../images/universalpic_cardlist_black_30x28.png' />
  53. <view class="panelTop2Item1">{{FolderName}}</view>
  54. </view>
  55. <image class="Arrow" src='../images/universalpic_indicator_right_gray.png' />
  56. </view>
  57. </block>
  58. <block wx:if="{{CardType!=-1}}">
  59. <view class="lineWidthAll FlexRow">
  60. <view class="lineWidth660"></view>
  61. </view>
  62. <view class="panelTop2Item FlexRow" catchtap='editField' data-type="limittime">
  63. <view class="left FlexRow">
  64. <image class="universalpic_calendar_black_30x32" src='../images/universalpic_calendar_black_30x32.png' />
  65. <view class="panelTop2Item1">{{LimitTimeStr}}</view>
  66. </view>
  67. <image class="Arrow" src='../images/universalpic_indicator_right_gray.png' />
  68. </view>
  69. </block>
  70. </view>
  71. </block>
  72. <view style="width:100%;min-height:{{Containnerheight-250}}rpx;" bindtap="onShowAnswer">
  73. <template is="CardShow" data="{{Color:Color,Field:Field,Tags:Tags,IsShowAnswer:IsShowAnswer,TagWidth:TagWidth,FontSize:FontSize,ShowType:ShowType,TextSpace:TextSpace}}" />
  74. </view>
  75. <view style='height:150rpx'></view>
  76. <view class='footer FlexColumn' style='background-color:{{Color.BackColor}}'>
  77. <view class="panelFooter FlexRow" wx:if="{{ShowType=='preview'}}" catchtap="close">
  78. 退出预览
  79. </view>
  80. <view class="panelFooter FlexRow" wx:if="{{ShowType=='show'}}">
  81. <view class='btn1' wx:if="{{PrevID==0}}"></view>
  82. <view class='btn1 FlexRow' catchtap="previewNext" data-id="{{PrevID}}" wx:if="{{PrevID>0}}">
  83. <image class="universalpic_next_gray_30x30" src='../images/universalpic_prev_gray_30x30.png' />
  84. </view>
  85. <button class="btn21" open-type='share' wx:if="{{!PrintID}}">分享给大家</button>
  86. <view class='btn21' wx:if="{{PrintID}}">{{CurrentIndex}}</view>
  87. <view class='btn1 FlexRow' catchtap="previewNext" data-id="{{NextID}}" wx:if="{{NextID>0}}">
  88. <image class="universalpic_next_gray_30x30" src='../images/universalpic_next_gray_30x30.png' />
  89. </view>
  90. <view class='btn1' wx:if="{{NextID==0}}"></view>
  91. </view>
  92. <view class="panelFooter FlexRow" wx:if="{{ShowType=='share'}}">
  93. <view class='btn1 FlexRow' catchtap="returnDefault">
  94. <image class="universalpic_home_gray_36x36" src='../images/universalpic_home_gray_36x36.png' />
  95. </view>
  96. <view class='btn2 FlexRow'>
  97. <button class="btn23 btn21" catchtap="copyCard">另存为归档题卡</button>
  98. </view>
  99. <view class='btn1'></view>
  100. </view>
  101. </view>
  102. </view>
  103. <!-- 菜单 -->
  104. <view wx:if="{{IsShowMenu}}" class="panelMenu container FlexColumn" style='height:{{Containnerheight}}rpx; top:{{topBarHeight}}rpx;'>
  105. <view class="panelMenu12 panelMenu1" catchtap="goto" data-url="./cardInfo?id={{MiaoguoCardID}}">题卡详细信息</view>
  106. <view class="panelMenu12 panelMenu1" wx:if="{{!IsClickShowAnswer}}" catchtap="setClickShowAnswer">点击卡面显示段落2、3</view>
  107. <view class="panelMenu12 panelMenu1" wx:if="{{IsClickShowAnswer}}" catchtap="setAlwaysShowAnswer">同时显示段落1、2、3</view>
  108. <view class="panelMenu11 panelMenu1" catchtap="deleteCard">删除题卡</view>
  109. <view class="panelMenu10 panelMenu1" catchtap='closeMenu'>取消</view>
  110. <view class="iphone10plusMenu" wx:if="{{IsIPhoneX}}"></view>
  111. </view>
  112. <audio hidden='true' src="{{AudioSrc}}" id="myAudio" bindended="audioBindEnded" binderror="audioBindError"></audio>