index.axml 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <view
  2. class="ant-notice-bar {{className || ''}} {{type ? 'ant-notice-bar-' + type : ''}}"
  3. a:if="{{show}}"
  4. style="{{style}}">
  5. <slot name="icon">
  6. <view className="ant-notice-bar-icon">
  7. <image-icon
  8. image="{{icon}}"
  9. a:if="{{ icon }}"
  10. class="ant-notice-bar-icon-image" />
  11. <icon
  12. type="InformationCircleOutline"
  13. a:elif="{{type ==='error'}}" />
  14. <icon
  15. type="SoundOutline"
  16. a:else />
  17. </view>
  18. </slot>
  19. <view class="ant-notice-bar-content ant-notice-bar-content-{{$id}}">
  20. <!-- 文本内容展示区域 -->
  21. <view
  22. class="ant-notice-bar-marquee ant-notice-bar-marquee-{{$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. <icon
  32. className="ant-notice-bar-operation-icon"
  33. type="RightOutline"
  34. onTap="onTap"
  35. a:if="{{mode==='link'}}" />
  36. <icon
  37. className="ant-notice-bar-operation-icon"
  38. type="CloseOutline"
  39. a:if="{{mode==='closeable'}}"
  40. onTap="onTap" />
  41. </view>
  42. </view>