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 />
|