68 lines
2.2 KiB
Plaintext
68 lines
2.2 KiB
Plaintext
<import src="../common/template/icon.wxml" />
|
||
<wxs src="../common/utils.wxs" module="_" />
|
||
|
||
<view wx:if="{{visible}}" style="{{ customStyle }}" class="{{classPrefix}} {{classPrefix}}--{{theme}} {{prefix}}-class">
|
||
<!-- prefixIcon -->
|
||
<view
|
||
wx:if="{{prefixIconName || _.isNoEmptyObj(prefixIconData)}}"
|
||
class="{{classPrefix}}__prefix-icon"
|
||
bind:tap="clickPrefixIcon"
|
||
>
|
||
<slot wx:if="{{prefixIconName === 'slot'}}" name="prefix-icon" />
|
||
<template
|
||
wx:else
|
||
is="icon"
|
||
data="{{tClass: prefix + '-class-prefix-icon', name: prefixIconName, ...prefixIconData}}"
|
||
></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="2000"
|
||
display-multiple-items="1"
|
||
class="{{classPrefix}}__content--vertical"
|
||
>
|
||
<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>
|
||
</view>
|
||
|
||
<!-- extra -->
|
||
<view class="{{classPrefix}}__extra {{prefix}}-class-extra" bind:tap="clickExtra">
|
||
<block wx:if="{{ extra }}"> {{extra}} </block>
|
||
<slot name="extra" />
|
||
</view>
|
||
|
||
<!-- suffixIcon -->
|
||
<view
|
||
wx:if="{{suffixIconName || _.isNoEmptyObj(suffixIconData)}}"
|
||
class="{{classPrefix}}__suffix-icon"
|
||
bind:tap="clickSuffixIcon"
|
||
>
|
||
<slot wx:if="{{suffixIconName === 'slot'}}" name="suffix-icon" />
|
||
<template
|
||
wx:else
|
||
is="icon"
|
||
data="{{tClass: prefix + '-class-suffix-icon', name: suffixIconName, ...suffixIconData}}"
|
||
></template>
|
||
</view>
|
||
</view>
|