city-casereport/miniprogram_npm/tdesign-miniprogram/pull-down-refresh/pull-down-refresh.wxml
2023-12-06 14:22:42 +08:00

51 lines
1.8 KiB
Plaintext

<wxs src="../common/utils.wxs" module="_" />
<scroll-view
style="{{_._style([style, customStyle])}}"
class="{{classPrefix}} class {{prefix}}-class"
scroll-top="{{scrollTop}}"
scroll-y
enable-back-to-top="{{enableBackToTop}}"
enable-passive="{{enablePassive}}"
lower-threshold="{{lowerThreshold}}"
upper-threshold="{{upperThreshold}}"
scroll-into-view="{{scrollIntoView}}"
show-scrollbar="{{showScrollbar}}"
enhanced
scroll-with-animation
bounces="{{false}}"
bind:touchstart="onTouchStart"
bind:touchmove="onTouchMove"
bind:touchend="onTouchEnd"
bind:scroll="onScroll"
bindscrolltoupper="onScrollToTop"
bindscrolltolower="onScrollToBottom"
>
<view
class="{{classPrefix}}__track {{classPrefix + '__track--' + (loosing ? 'loosing' : '')}}"
style="{{barHeight > 0 ? 'transform: translate3d(0, ' + barHeight + 'px, 0);' : ''}}"
>
<view class="{{classPrefix}}__tips" style="height: {{computedLoadingBarHeight}}px" aria-live="polite">
<t-loading
wx:if="{{refreshStatus === 2}}"
delay="{{loadingProps.delay || 0}}"
duration="{{loadingProps.duration || 800}}"
indicator="{{loadingProps.indicator || true}}"
layout="{{loadingProps.layout || 'horizontal'}}"
loading="{{loadingProps.loading || true}}"
pause="{{loadingProps.pause || false}}"
progress="{{loadingProps.progress || 0}}"
reverse="{{loadingProps.reverse || false}}"
size="{{loadingProps.size || '50rpx'}}"
text="{{loadingProps.text || loadingTexts[refreshStatus]}}"
theme="{{loadingProps.theme || 'circular'}}"
t-class-indicator="{{prefix}}-class-indicator"
/>
<view wx:elif="{{refreshStatus >= 0}}" class="{{classPrefix}}__text {{prefix}}-class-text"
>{{loadingTexts[refreshStatus]}}</view
>
</view>
<slot />
</view>
</scroll-view>