index.axml 1.3 KB

1234567891011121314151617181920212223242526
  1. <view class='page-container-classname' ref='saveChildRef0'>
  2. <demo-block title='基础用法' ref='saveChildRef1'>
  3. <van-notice-bar text='{{ text }}' left-icon='volume-o' ref='saveChildRef2'>
  4. </van-notice-bar>
  5. </demo-block>
  6. <demo-block title='滚动模式' ref='saveChildRef3'>
  7. <van-notice-bar scrollable=" " text='{{ shortText }}' custom-class='demo-margin-bottom' ref='saveChildRef4'>
  8. </van-notice-bar>
  9. <van-notice-bar scrollable='{{ false }}' text='{{ text }}' custom-class='demo-margin-bottom' ref='saveChildRef5'>
  10. </van-notice-bar>
  11. </demo-block>
  12. <demo-block title='多行展示' ref='saveChildRef6'>
  13. <van-notice-bar wrapable=" " scrollable='{{ false }}' text='{{ text }}' ref='saveChildRef7'>
  14. </van-notice-bar>
  15. </demo-block>
  16. <demo-block title='通知栏模式' ref='saveChildRef8'>
  17. <van-notice-bar mode='closeable' text='{{ shortText }}' ref='saveChildRef9'>
  18. </van-notice-bar>
  19. <van-notice-bar custom-class='margin-top' mode='link' text='{{ shortText }}' ref='saveChildRef10'>
  20. </van-notice-bar>
  21. </demo-block>
  22. <demo-block title='自定义样式' ref='saveChildRef11'>
  23. <van-notice-bar text='{{ shortText }}' color='#1989fa' background='#ecf9ff' left-icon='info-o' ref='saveChildRef12'>
  24. </van-notice-bar>
  25. </demo-block>
  26. </view>