滚动公告
  • 我是新闻标题1我是新闻标题1我是新闻标题1我是新闻标题1
  • 我是新闻标题2
  • 我是新闻标题3
示例:

html:

<div id="slideNote" class="bui-slide bui-slide-note"> <div class="bui-slide-main"> <ul> <li> <div class="note-item bui-box-align-middle">我是新闻标题1</div> </li> <li> <div class="note-item bui-box-align-middle">我是新闻标题2</div> </li> <li> <div class="note-item bui-box-align-middle">我是新闻标题3</div> </li> </ul> </div> </div> <style> .bui-slide-note .bui-slide-main ul li{ padding-left: .5rem; } .bui-slide-note .bui-slide-main .note-item{ line-height: 40px; } .bui-slide-note:before { font-family: "icon" !important; display: inline-block; content: "\e63f"; font-size: .3rem; position: absolute; top: 50%; left: .1rem; margin-top: -.17rem; } .bui-slide-note .icon-listright { margin-right: .2rem; } .note-item .span1{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } </style>

js:

// 快速初始化 var uiSlide = bui.slide({ id:"#slideNote", height:40, autoplay: true, direction: "y" })