kobeCristiano 86152d45ce [refactor] Noticebar:升级到自定义组件 (#165)
* [improvement] Tab:升级到自定义组件

* fix: 去除冗余example代码

* [refactor] 重构badge为自定义组件 (#160)

* fix: 去除tab组件使用对象入参方式,修改example用例

* refactor: 重构noticebar组件

* fix: 去除tab组件冗余属性字段
2018-03-25 18:30:53 +08:00

63 lines
1.5 KiB
Plaintext

<view class="container">
<view class="doc-title zan-hairline--bottom">NOTICEBAR</view>
<view class="zan-panel-title">滚动通告栏</view>
<view class="zan-panel">
<zan-noticebar
text="{{ bar1.text }}"
scrollable="{{ bar1.scrollable }}"
/>
</view>
<view class="zan-panel-title">延时滚动通告栏</view>
<view class="zan-panel">
<zan-noticebar
text="{{ bar1.text }}"
scrollable="{{ bar1.scrollable }}"
delay="{{ bar1.delay }}"
/>
</view>
<view class="zan-panel-title">初始速度低滚动通告栏</view>
<view class="zan-panel">
<zan-noticebar
text="{{ bar1.text }}"
scrollable="{{ bar1.scrollable }}"
speed="{{ bar5.speed }}"
/>
</view>
<view class="zan-panel-title">改变颜色通告栏</view>
<view class="zan-panel">
<zan-noticebar
text="{{ bar2.text }}"
color="{{ bar2.color }}"
background-color="{{ bar2.backgroundColor }}"
/>
</view>
<view class="zan-panel-title">静止通告栏</view>
<view class="zan-panel">
<zan-noticebar
text="{{ bar3.text }}"
/>
</view>
<view class="zan-panel-title">带icon公告</view>
<view class="zan-panel">
<zan-noticebar
text="{{ bar4.text }}"
left-icon="{{ bar4.leftIcon }}"
/>
</view>
<view class="zan-panel-title">可关闭公告</view>
<view class="zan-panel">
<zan-noticebar
text="{{ bar5.text }}"
mode="{{ bar5.mode }}"
/>
</view>
</view>