index.wxml 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. <wxs module="utils" src="../wxs/utils.wxs"/>
  2. <van-popup
  3. bind:after-leave="onAfterLeave"
  4. bind:close="onClickOverlay"
  5. close-on-click-overlay="{{ closeOnClickOverlay }}"
  6. custom-class="van-dialog van-dialog--{{ theme }}{{ className }} custom-class"
  7. custom-style="width: {{ utils.addUnit(width) }};{{ customStyle }}"
  8. overlay="{{ overlay }}"
  9. overlay-style="{{ overlayStyle }}"
  10. root-portal="{{ rootPortal }}"
  11. show="{{ show }}"
  12. transition="{{ transition }}"
  13. z-index="{{ zIndex }}"
  14. >
  15. <view
  16. class="{{ utils.bem('dialog__header', { isolated: !(message || useSlot) }) }}"
  17. wx:if="{{ title || useTitleSlot }}"
  18. >
  19. <slot name="title" wx:if="{{ useTitleSlot }}"/>
  20. <block wx:elif="{{ title }}">{{ title }}</block>
  21. </view>
  22. <slot wx:if="{{ useSlot }}"/>
  23. <view
  24. class="{{ utils.bem('dialog__message', [theme, messageAlign, { hasTitle: title }]) }}"
  25. wx:elif="{{ message }}"
  26. >
  27. <text class="van-dialog__message-text">{{ message }}</text>
  28. </view>
  29. <van-goods-action custom-class="van-dialog__footer--round-button" wx:if="{{ theme === 'round-button' }}">
  30. <van-goods-action-button
  31. bind:click="onCancel"
  32. class="van-dialog__button van-hairline--right"
  33. custom-class="van-dialog__cancel cancle-button-class"
  34. custom-style="color: {{ cancelButtonColor }}"
  35. loading="{{ loading.cancel }}"
  36. size="large"
  37. wx:if="{{ showCancelButton }}"
  38. >
  39. {{ cancelButtonText }}
  40. </van-goods-action-button>
  41. <van-goods-action-button
  42. app-parameter="{{ appParameter }}"
  43. bind:click="onConfirm"
  44. bindagreeprivacyauthorization="onAgreePrivacyAuthorization"
  45. bindcontact="onContact"
  46. binderror="onError"
  47. bindgetRealTimePhoneNumber="onGetRealTimePhoneNumber"
  48. bindgetphonenumber="onGetPhoneNumber"
  49. bindgetuserinfo="onGetUserInfo"
  50. bindlaunchapp="onLaunchApp"
  51. bindopensetting="onOpenSetting"
  52. business-id="{{ businessId }}"
  53. button-id="{{ confirmButtonId }}"
  54. class="van-dialog__button"
  55. custom-class="van-dialog__confirm confirm-button-class"
  56. custom-style="color: {{ confirmButtonColor }}"
  57. lang="{{ lang }}"
  58. loading="{{ loading.confirm }}"
  59. open-type="{{ confirmButtonOpenType }}"
  60. send-message-img="{{ sendMessageImg }}"
  61. send-message-path="{{ sendMessagePath }}"
  62. send-message-title="{{ sendMessageTitle }}"
  63. session-from="{{ sessionFrom }}"
  64. show-message-card="{{ showMessageCard }}"
  65. size="large"
  66. wx:if="{{ showConfirmButton }}"
  67. >
  68. {{ confirmButtonText }}
  69. </van-goods-action-button>
  70. </van-goods-action>
  71. <view class="van-hairline--top van-dialog__footer" wx:elif="{{ showCancelButton || showConfirmButton }}">
  72. <block wx:if="{{ showCancelButton }}">
  73. <slot name="cancel-button" wx:if="{{ useCancelButtonSlot }}"/>
  74. <van-button
  75. bind:click="onCancel"
  76. class="van-dialog__button van-hairline--right"
  77. custom-class="van-dialog__cancel cancle-button-class"
  78. custom-style="color: {{ cancelButtonColor }}"
  79. loading="{{ loading.cancel }}"
  80. size="large"
  81. wx:else
  82. >
  83. {{ cancelButtonText }}
  84. </van-button>
  85. </block>
  86. <block wx:if="{{ showConfirmButton }}">
  87. <slot name="confirm-button" wx:if="{{ useConfirmButtonSlot }}"/>
  88. <van-button
  89. app-parameter="{{ appParameter }}"
  90. bind:click="onConfirm"
  91. bindagreeprivacyauthorization="onAgreePrivacyAuthorization"
  92. bindcontact="onContact"
  93. binderror="onError"
  94. bindgetRealTimePhoneNumber="onGetRealTimePhoneNumber"
  95. bindgetphonenumber="onGetPhoneNumber"
  96. bindgetuserinfo="onGetUserInfo"
  97. bindlaunchapp="onLaunchApp"
  98. bindopensetting="onOpenSetting"
  99. business-id="{{ businessId }}"
  100. button-id="{{ confirmButtonId }}"
  101. class="van-dialog__button"
  102. custom-class="van-dialog__confirm confirm-button-class"
  103. custom-style="color: {{ confirmButtonColor }}"
  104. lang="{{ lang }}"
  105. loading="{{ loading.confirm }}"
  106. open-type="{{ confirmButtonOpenType }}"
  107. send-message-img="{{ sendMessageImg }}"
  108. send-message-path="{{ sendMessagePath }}"
  109. send-message-title="{{ sendMessageTitle }}"
  110. session-from="{{ sessionFrom }}"
  111. show-message-card="{{ showMessageCard }}"
  112. size="large"
  113. wx:else
  114. >
  115. {{ confirmButtonText }}
  116. </van-button>
  117. </block>
  118. </view>
  119. </van-popup>