36 lines
1.8 KiB
Plaintext
36 lines
1.8 KiB
Plaintext
|
<view class="skyline">
|
||
|
|
<t-navbar class="block" title="BackTop" left-arrow />
|
||
|
|
<scroll-view scroll-y type="list" class="scroll-view" scroll-top="{{scrollTo}}" bindscroll="onScroll">
|
||
|
|
<view class="demo">
|
||
|
|
<view class="demo-title">BackTop 返回顶部</view>
|
||
|
|
<view class="demo-desc"> 用于当页面过长往下滑动时，帮助用户快速回到页面顶部。</view>
|
||
|
|
|
||
|
|
<t-demo title="组件类型" desc="圆形返回顶部" padding>
|
||
|
|
<t-button theme="primary" size="large" block variant="outline" data-source="round" bindtap="onBtnClick">
|
||
|
|
圆形返回顶部
|
||
|
|
</t-button>
|
||
|
|
</t-demo>
|
||
|
|
<t-demo desc="半圆形返回顶部" padding>
|
||
|
|
<t-button theme="primary" size="large" block variant="outline" data-source="half-round" bindtap="onBtnClick">
|
||
|
|
半圆形返回顶部
|
||
|
|
</t-button>
|
||
|
|
</t-demo>
|
||
|
|
<t-demo padding>
|
||
|
|
<view class="container-flex">
|
||
|
|
<t-skeleton rowCol="{{rowCol}}" class="skeleton-item" loading></t-skeleton>
|
||
|
|
<t-skeleton rowCol="{{rowCol}}" class="skeleton-item" loading></t-skeleton>
|
||
|
|
<t-skeleton rowCol="{{rowCol}}" class="skeleton-item" loading></t-skeleton>
|
||
|
|
<t-skeleton rowCol="{{rowCol}}" class="skeleton-item" loading></t-skeleton>
|
||
|
|
<t-skeleton rowCol="{{rowCol}}" class="skeleton-item" loading></t-skeleton>
|
||
|
|
<t-skeleton rowCol="{{rowCol}}" class="skeleton-item" loading></t-skeleton>
|
||
|
|
<t-skeleton rowCol="{{rowCol}}" class="skeleton-item" loading></t-skeleton>
|
||
|
|
<t-skeleton rowCol="{{rowCol}}" class="skeleton-item" loading></t-skeleton>
|
||
|
|
</view>
|
||
|
|
</t-demo>
|
||
|
|
|
||
|
|
<base wx:if="{{type == 'round'}}" scroll-top="{{scrollTop}}" bind:to-top="onToTop" />
|
||
|
|
<half-round wx:if="{{type == 'half-round'}}" scroll-top="{{scrollTop}}" bind:to-top="onToTop" />
|
||
|
|
</view>
|
||
|
|
</scroll-view>
|
||
|
|
</view>
|