index.wxml 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. <view class="wux-backdrop--transparent" wx:if="{{ backdrop && buttonVisible }}"></view>
  2. <view class="wux-class wux-speed-dial {{ position ? 'wux-speed-dial--' + position : '' }} {{ theme ? 'wux-speed-dial--' + theme : '' }} {{ buttonVisible ? 'wux-speed-dial--opened' : '' }}" catchtap="onToggle">
  3. <view class="wux-speed-dial__action" hover-class="wux-speed-dial__action--hover">
  4. <image class="wux-speed-dial__text {{ buttonVisible && actionRotate ? 'wux-speed-dial__text--rotate' : '' }}" src="{{ action }}" />
  5. </view>
  6. <view class="wux-speed-dial__buttons" wx:if="{{ buttons.length }}">
  7. <block wx:for="{{ buttons }}" wx:for-item="button" wx:key="index">
  8. <button
  9. class="wux-speed-dial__button {{ button.label ? 'wux-speed-dial__button--label' : '' }} {{ button.disabled ? 'wux-speed-dial__button--disabled' : '' }} {{ button.className }}"
  10. data-index="{{ index }}"
  11. data-value="{{ button }}"
  12. data-label="{{ button.label }}"
  13. disabled="{{ button.disabled }}"
  14. open-type="{{ button.openType }}"
  15. hover-class="{{ !button.disabled ? (button.hoverClass || 'wux-speed-dial__button--hover') : 'none' }}"
  16. hover-stop-propagation="{{ button.hoverStopPropagation }}"
  17. hover-start-time="{{ button.hoverStartTime }}"
  18. hover-stay-time="{{ button.hoverStayTime }}"
  19. lang="{{ button.lang }}"
  20. bindgetuserinfo="bindgetuserinfo"
  21. session-from="{{ button.sessionFrom }}"
  22. send-message-title="{{ button.sendMessageTitle }}"
  23. send-message-path="{{ button.sendMessagePath }}"
  24. send-message-img="{{ button.sendMessageImg }}"
  25. show-message-card="{{ button.showMessageCard }}"
  26. bindcontact="bindcontact"
  27. bindgetphonenumber="bindgetphonenumber"
  28. app-parameter="{{ button.appParameter }}"
  29. binderror="onError"
  30. bindopensetting="bindopensetting"
  31. catchtap="onTap"
  32. style="transition-delay: {{ index * 50 + 'ms' }}"
  33. >
  34. <image class="wux-speed-dial__icon" src="{{ button.icon }}" />
  35. </button>
  36. </block>
  37. </view>
  38. </view>