62 lines
2.0 KiB
Plaintext
62 lines
2.0 KiB
Plaintext
<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--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 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>
|