riku
2026-04-02 3282e95db0207ee133d1e98d9771dec9d83b0fc4
miniprogram_npm/tdesign-miniprogram/notice-bar/notice-bar.wxml
@@ -1,62 +1 @@
<import src="../common/template/icon.wxml" />
<wxs src="../common/utils.wxs" module="_" />
<view
  wx:if="{{visible}}"
  style="{{_._style([style, customStyle])}}"
  class="{{classPrefix}} {{classPrefix}}--{{theme}} class {{prefix}}-class"
>
  <!-- prefixIcon -->
  <view class="{{classPrefix}}__prefix-icon" bind:tap="clickPrefixIcon">
    <slot name="prefix-icon" />
    <template
      wx:if="{{_prefixIcon}}"
      is="icon"
      data="{{tClass: prefix + '-class-prefix-icon', ..._prefixIcon }}"
    ></template>
  </view>
  <!-- content -->
  <view class="{{classPrefix}}__content-wrap" bind:tap="clickContent">
    <!-- 垂直滚动通知:基于swiper实现,适用信息量短的多条公告消息,超出省略 -->
    <view wx:if="{{ direction === 'vertical' && _.isArray(content) }}">
      <swiper
        autoplay="true"
        vertical="true"
        circular="true"
        interval="{{interval}}"
        display-multiple-items="1"
        class="{{classPrefix}}__content {{classPrefix}}__content--vertical"
        bindchange="onChange"
      >
        <block wx:for="{{content}}" wx:key="index">
          <swiper-item>
            <view class="{{classPrefix}}__content--vertical-item"> {{item}} </view>
          </swiper-item>
        </block>
      </swiper>
    </view>
    <view
      wx:else
      class="{{classPrefix}}__content {{prefix}}-class-content {{ !marquee ? classPrefix + '__content-wrapable' : ''}}"
      animation="{{ animationData }}"
    >
      <block wx:if="{{content}}">{{content}}</block>
      <slot name="content" />
      <view class="{{classPrefix}}__operation {{prefix}}-class-operation" catch:tap="clickOperation">
        <block wx:if="{{ operation }}">{{operation}}</block>
        <slot name="operation" />
      </view>
    </view>
  </view>
  <!-- suffixIcon -->
  <view class="{{classPrefix}}__suffix-icon" bind:tap="clickSuffixIcon">
    <slot name="suffix-icon" />
    <template
      wx:if="{{_suffixIcon}}"
      is="icon"
      data="{{tClass: prefix + '-class-suffix-icon', ..._suffixIcon }}"
    ></template>
  </view>
</view>
<import src="../common/template/icon.wxml"/><wxs src="../common/utils.wxs" module="_"/><view wx:if="{{visible}}" style="{{_._style([style, customStyle])}}" class="{{classPrefix}} {{classPrefix}}--{{theme}} class {{prefix}}-class"><view class="{{classPrefix}}__prefix-icon" bind:tap="clickPrefixIcon"><slot name="prefix-icon"/><template wx:if="{{_prefixIcon}}" is="icon" data="{{tClass: prefix + '-class-prefix-icon', ..._prefixIcon }}"></template></view><view class="{{classPrefix}}__content-wrap" bind:tap="clickContent"><view wx:if="{{ direction === 'vertical' && _.isArray(content) }}"><swiper autoplay="true" vertical="true" circular="true" interval="{{interval}}" display-multiple-items="1" class="{{classPrefix}}__content {{classPrefix}}__content--vertical" bindchange="onChange"><block wx:for="{{content}}" wx:key="index"><swiper-item><view class="{{classPrefix}}__content--vertical-item">{{item}}</view></swiper-item></block></swiper></view><view wx:else class="{{classPrefix}}__content {{prefix}}-class-content {{ !marquee ? classPrefix + '__content-wrapable' : ''}}" animation="{{ animationData }}"><block wx:if="{{content}}">{{content}}</block><slot name="content"/><view class="{{classPrefix}}__operation {{prefix}}-class-operation" catch:tap="clickOperation"><block wx:if="{{ operation }}">{{operation}}</block><slot name="operation"/></view></view></view><view class="{{classPrefix}}__suffix-icon" bind:tap="clickSuffixIcon"><slot name="suffix-icon"/><template wx:if="{{_suffixIcon}}" is="icon" data="{{tClass: prefix + '-class-suffix-icon', ..._suffixIcon }}"></template></view></view>