微信小程序入门之广告条实现方法示例

<swiper class="swiper_container" aulay="true" interval="2000" circular="true">
   <block wx:for="{{msgList}}">
    <navigator url="服务器" open-type="navigate">
     <swiper-item>
      <view class="swiper_item">{{item.title}}</view>
     </swiper-item>
    </navigator>
   </block>
</swiper>

Page({
 data: {
  msgList: [
   { url: "url", title: "公告１１这是一条公告，效果是每个ｘ秒，会向右滑动，" },
   { url: "url", title: "公告２２这里是向右滑动。。。。" },
   { url: "url", title: "公告３３啊哈哈微信小程序，。。。" }
  ]
 }
})

.swiper_container
{
 background-color:rgb(255, 255, 255);
 height:40px;      //可以改变背景颜色（background-color)，或者字体颜色(color)
}