<view
  wx:if="{{ show }}"
  class="ant-notice-bar {{ className || '' }} {{ type ? 'ant-notice-bar-' + type : '' }}"
  style="{{ style }}">
  <view class="ant-notice-bar-icon">
    <image-icon
      wx:if="{{ icon }}"
      image="{{ icon }}"
      className="ant-notice-bar-icon-image" />
    <icon
      wx:elif="{{ type === 'error' }}"
      type="InformationCircleOutline" />
    <icon
      wx:else
      type="SoundOutline" />
  </view>
  <view
    class="ant-notice-bar-content ant-notice-bar-content{{ $id ? '-' + $id : '' }}">
    <view
      class="ant-notice-bar-marquee ant-notice-bar-marquee{{ $id ? '-' + $id : '' }}"
      style="{{ marqueeStyle }} display: {{ enableMarquee ? 'inline-block' : 'block' }}"
      onTransitionEnd="onTransitionEnd">
      <slot />
    </view>
  </view>
  <view class="ant-notice-bar-operation">
    <slot name="extra" />
    <icon
      wx:if="{{ mode === 'link' }}"
      className="ant-notice-bar-operation-icon"
      type="RightOutline"
      bind:tap="onTap" />
    <icon
      wx:if="{{ mode === 'closeable' }}"
      className="ant-notice-bar-operation-icon"
      type="CloseOutline"
      bind:tap="onTap" />
  </view>
</view>