scheme.wxml 3.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. <!--module/health/pages/scheme/scheme.wxml-->
  2. <view class="scheme-container">
  3. <t-navbar title="{{i18n.scheme.title}}" left-arrow />
  4. <scroll-view class="page-scroll__container" type="list" scroll-y style="{{containerStyle}}">
  5. <view class="card-wrapper">
  6. <view class="card-header no-body" bordered="{{false}}" style="background:transparent;padding-right: 6px;padding-left: 6px;">
  7. <view slot="title" class="header-row">
  8. <view class="date-text"><text style="color:#8C8C8C">{{i18n.scheme.date}}</text><text style="color:black">{{dataset.reportTime}}</text></view>
  9. <view class="recuperate-btn" bind:tap="toReportPage">{{i18n.report.title}}</view>
  10. </view>
  11. </view>
  12. </view>
  13. <view class="card-wrapper" wx:for="{{dataset.children}}" wx:key="title">
  14. <t-cell t-class="card-header cell-border-gradient" title="{{item.title}}" />
  15. <view class="card-body">
  16. <view class="scheme__item" wx:for="{{item.children}}" wx:key="title">
  17. <view class="buy-container" wx:if="{{item.title || item.buyUrl}}">
  18. <view class="scheme__item-title scheme__title" wx:if="{{item.title}}">{{item.title}}</view>
  19. <view class="scheme__item-title scheme__title" wx:else></view>
  20. <view class="buy-box" bindtap="goBuy" data-item="{{item}}" wx:if="{{item.buyType}}">去购买</view>
  21. </view>
  22. <horizontal-scrollable dataset="{{item.children}}"></horizontal-scrollable>
  23. <view class="scheme__description" wx:if="{{item.description}}">{{item.description}}</view>
  24. <span class="scheme__description" wx:for="{{item.descriptions}}" wx:key="id">
  25. <text class="scheme__title">【{{item.name}}】</text>
  26. <text>{{item.description}}</text>
  27. </span>
  28. </view>
  29. <view class="scheme-wrapper">
  30. <view class="media-container">
  31. <view class="media" wx:for="{{item.media}}" wx:key="*this">
  32. <view class="name">{{item.name}}</view>
  33. <image wx:if="{{item.type==='picture'}}" src="{{item.mediaUrl}}" mode="aspectFit"></image>
  34. <video wx:elif="{{item.type==='video'}}" src="{{item.mediaUrl}}" poster="{{item.imgUrl}}"></video>
  35. <view class="description">{{item.description}}</view>
  36. </view>
  37. </view>
  38. <view class="description" wx:for="{{item.descriptions}}" wx:key="*this">{{item}}</view>
  39. </view>
  40. </view>
  41. </view>
  42. <!-- 底部占位,避免内容被按钮遮盖 -->
  43. <view class="scheme-bottom-placeholder"></view>
  44. </scroll-view>
  45. <!-- 底部固定去购买按钮 -->
  46. <view class="scheme-bottom-buy-btn" style="padding-bottom: {{container.safeBottomOffset-10}}px;" bindtap="goToProductPage" wx:if="{{true}}">
  47. <view class="buy-btn-text">{{i18n.orderText.goPay}}</view>
  48. </view>
  49. </view>
  50. <t-message id="{{$messageId}}"></t-message>
  51. <!-- 小程序码弹窗 -->
  52. <t-popup
  53. visible="{{showQrCodePopup}}"
  54. bind:visible-change="closeQrCodePopup"
  55. placement="center"
  56. close-on-overlay-click="{{true}}"
  57. >
  58. <view class="qr-code-popup" wx:if="{{qrCodeImageUrl}}">
  59. <view class="qr-code-popup__title">请长按二维码</view>
  60. <view class="qr-code-popup__content">
  61. <image
  62. src="{{qrCodeImageUrl}}"
  63. mode="aspectFit"
  64. class="qr-code-image"
  65. show-menu-by-longpress="{{true}}"
  66. ></image>
  67. </view>
  68. <view class="qr-code-popup__footer">
  69. <view class="qr-code-popup__btn" bind:tap="closeQrCodePopup">关闭</view>
  70. </view>
  71. </view>
  72. </t-popup>