refund-reason-popup.wxml 1.1 KB

1234567891011121314151617181920212223242526272829303132333435
  1. <t-popup
  2. placement="bottom"
  3. visible="{{visible}}"
  4. show-overlay="{{true}}"
  5. close-on-overlay-click="{{true}}"
  6. bind:visible-change="onPopupVisibleChange"
  7. z-index="12000"
  8. style="--td-popup-z-index: 12000;"
  9. >
  10. <view class="refund-reason-popup">
  11. <view class="refund-reason-popup__header">
  12. <view class="title">选择退款原因</view>
  13. <text class="refund-reason-popup__close" catchtap="onClose">×</text>
  14. <view class="refund-reason-popup__header-spacer" />
  15. </view>
  16. <scroll-view class="refund-reason-popup__content" scroll-y>
  17. <t-radio-group value="{{selectedReason}}" bind:change="onSelectReason">
  18. <t-radio
  19. wx:for="{{reasons}}"
  20. wx:key="value"
  21. value="{{item.value}}"
  22. label="{{item.label}}"
  23. placement="right"
  24. icon="circle"
  25. class="custom-radio"
  26. />
  27. </t-radio-group>
  28. </scroll-view>
  29. <view class="refund-reason-popup__footer">
  30. <view class="refund-reason-popup__next-btn" bindtap="onNext">下一步</view>
  31. </view>
  32. </view>
  33. </t-popup>