在小程序页面，有时候需要弄一条广告条进去，作用可以用来提醒客户端，更加醒目，这种实现很容易，要用到组件swiper,navigator
先上效果图：
wxml:
<swiper autoplay="true" interval="2000" circular="true"> <block wx:for="{{msgList}}"> <navigator url="服务器" open-type="navigate"> <swiper-item> <view>{{item.title}}</view> </swiper-item> </navigator> </block> </swiper>
js:
Page({ data: { msgList: [ { url: "url", title: "公告１１：这是一条公告，效果是每个ｘ秒，会向右滑动，" }, { url: "url", title: "公告２２：这里是向右滑动。。。。" }, { url: "url", title: "公告３３：啊哈哈微信小程序，。。。" } ] } })
WXSS：
.swiper_container { background-color:rgb(255, 255, 255); height:40px; //可以改变背景颜色（background-color)，或者字体颜色(color) }
虽然这段代码很容易理解， 但是这种效果是非常实用的