37 lines
1.0 KiB
Plaintext
37 lines
1.0 KiB
Plaintext
|
<view class="skyline">
|
||
|
|
<t-navbar class="block" title="TabBar" left-arrow />
|
||
|
|
<scroll-view scroll-y type="list" class="scroll-view" scroll-top="{{scrollTo}}" bindscroll="onScroll">
|
||
|
|
<view class="demo">
|
||
|
|
<view class="demo-title">TabBar 标签栏</view>
|
||
|
|
<view class="demo-desc">用于在不同功能模块之间进行快速切换，位于页面底部。</view>
|
||
|
|
<t-demo title="01 组件类型" desc="纯文本标签栏">
|
||
|
|
<text-only />
|
||
|
|
</t-demo>
|
||
|
|
|
||
|
|
<t-demo desc="图标加文字标签栏">
|
||
|
|
<base />
|
||
|
|
</t-demo>
|
||
|
|
|
||
|
|
<t-demo desc="纯图标标签栏">
|
||
|
|
<icon-only />
|
||
|
|
</t-demo>
|
||
|
|
|
||
|
|
<t-demo desc="双层级纯文本标签栏">
|
||
|
|
<sub />
|
||
|
|
</t-demo>
|
||
|
|
|
||
|
|
<t-demo title="02 组件样式" desc="弱选中标签栏">
|
||
|
|
<badge />
|
||
|
|
</t-demo>
|
||
|
|
|
||
|
|
<t-demo desc="悬浮胶囊标签栏">
|
||
|
|
<round />
|
||
|
|
</t-demo>
|
||
|
|
|
||
|
|
<t-demo title="03 自定义" desc="自定义样式">
|
||
|
|
<custom />
|
||
|
|
</t-demo>
|
||
|
|
</view>
|
||
|
|
</scroll-view>
|
||
|
|
</view>
|