34 lines
1.6 KiB
Plaintext
34 lines
1.6 KiB
Plaintext
|
<t-navbar class="demo-navbar" title="BackTop" leftArrow />
|
|||
|
|
<view class="demo">
|
|||
|
|
<t-demo-header
|
|||
|
|
title="BackTop 返回顶部"
|
|||
|
|
desc="用于当页面过长往下滑动时，帮助用户快速回到页面顶部。"
|
|||
|
|
notice="渲染框架支持情况：Skyline、WebView"
|
|||
|
|
/>
|
|||
|
|
<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}}" />
|
|||
|
|
<half-round wx:if="{{type == 'half-round'}}" scroll-top="{{scrollTop}}" />
|
|||
|
|
</view>
|