欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

微信小程序入門之廣告條實現(xiàn)方法示例

 更新時間：2018年12月05日 12:01:35   作者：玩家296508754  
這篇文章主要介紹了微信小程序入門之廣告條實現(xiàn)方法,涉及微信小程序基于swiper與navigator組件的文字信息滑動展示相關(guān)操作技巧,需要的朋友可以參考下

本文實例講述了微信小程序入門之廣告條實現(xiàn)方法。分享給大家供大家參考，具體如下：

在小程序頁面，有時候需要弄一條廣告條進(jìn)去，作用可以用來提醒客戶端，更加醒目，這種實現(xiàn)很容易，要用到組件swiper,navigator

先上效果圖：

wxml:

<swiper class="swiper_container" autoplay="true" interval="2000" circular="true">
   <block wx:for="{{msgList}}">
    <navigator url="服務(wù)器" open-type="navigate">
     <swiper-item>
      <view class="swiper_item">{{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)
}

雖然這段代碼很容易理解， 但是這種效果是非常實用的

希望本文所述對大家微信小程序開發(fā)有所幫助。

相關(guān)文章

最新評論