32 lines
1.1 KiB
Plaintext
32 lines
1.1 KiB
Plaintext
<t-navbar class="demo-navbar" title="Fab" leftArrow />
|
||
<t-demo-header
|
||
title="Fab 悬浮按钮"
|
||
desc="当功能使用图标即可表意清楚时，可使用纯图标悬浮按钮，例如：添加、发布。"
|
||
notice="渲染框架支持情况：Skyline、WebView"
|
||
/>
|
||
<t-demo title="01 组件类型" desc="纯图标悬浮按钮">
|
||
<view class="wrapper">
|
||
<t-button theme="primary" size="large" block variant="outline" bind:tap="handleChange" data-type="base">
|
||
纯图标悬浮按钮
|
||
</t-button>
|
||
</view>
|
||
</t-demo>
|
||
<t-demo desc="图标加文字悬浮按钮">
|
||
<view class="wrapper">
|
||
<t-button theme="primary" size="large" block variant="outline" bind:tap="handleChange" data-type="advance">
|
||
图标加文字悬浮按钮
|
||
</t-button>
|
||
</view>
|
||
</t-demo>
|
||
<t-demo desc="可移动悬浮按钮">
|
||
<view class="wrapper">
|
||
<t-button theme="primary" size="large" block variant="outline" bind:tap="handleChange" data-type="movable">
|
||
可移动悬浮按钮
|
||
</t-button>
|
||
</view>
|
||
</t-demo>
|
||
|
||
<base wx:if="{{type == 'base'}}" />
|
||
<advance wx:elif="{{type == 'advance'}}" />
|
||
<draggable wx:else />
|