index.axml 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <view
  2. a:if="{{ show }}"
  3. class="ant-notice-bar {{ className || '' }} {{ type ? 'ant-notice-bar-' + type : '' }}"
  4. style="{{ style }}">
  5. <slot name="icon">
  6. <view class="ant-notice-bar-icon">
  7. <image-icon
  8. a:if="{{ icon }}"
  9. image="{{ icon }}"
  10. className="ant-notice-bar-icon-image" />
  11. <icon
  12. a:elif="{{ type === 'error' }}"
  13. type="InformationCircleOutline" />
  14. <icon
  15. a:else
  16. type="SoundOutline" />
  17. </view>
  18. </slot>
  19. <view
  20. class="ant-notice-bar-content ant-notice-bar-content{{ $id ? '-' + $id : '' }}">
  21. <view
  22. class="ant-notice-bar-marquee ant-notice-bar-marquee{{ $id ? '-' + $id : '' }}"
  23. style="{{ marqueeStyle }} display: {{ enableMarquee ? 'inline-block' : 'block' }}"
  24. onTransitionEnd="onTransitionEnd">
  25. <slot />
  26. </view>
  27. </view>
  28. <view class="ant-notice-bar-operation">
  29. <slot name="extra" />
  30. <icon
  31. a:if="{{ mode === 'link' }}"
  32. className="ant-notice-bar-operation-icon"
  33. type="RightOutline"
  34. onTap="onTap" />
  35. <icon
  36. a:if="{{ mode === 'closeable' }}"
  37. className="ant-notice-bar-operation-icon"
  38. type="CloseOutline"
  39. onTap="onTap" />
  40. </view>
  41. </view>