微信小程序入門之廣告條實(shí)現(xiàn)方法示例
更新時(shí)間：2018年12月05日 12:01:35 作者：玩家296508754
這篇文章主要介紹了微信小程序入門之廣告條實(shí)現(xiàn)方法,涉及微信小程序基于swiper與navigator組件的文字信息滑動展示相關(guān)操作技巧,需要的朋友可以參考下
本文實(shí)例講述了微信小程序入門之廣告條實(shí)現(xiàn)方法。分享給大家供大家參考，具體如下：
在小程序頁面，有時(shí)候需要弄一條廣告條進(jìn)去，作用可以用來提醒客戶端，更加醒目，這種實(shí)現(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: "公告１１：這是一條公告，效果是每個(gè)ｘ秒，會向右滑動，" },
{ url: "url", title: "公告２２：這里是向右滑動。。。。" },
{ url: "url", title: "公告３３：啊哈哈微信小程序，。。。" }
]
}
})
WXSS：
.swiper_container
{
background-color:rgb(255, 255, 255);
height:40px; //可以改變背景顏色（background-color)，或者字體顏色(color)
}
雖然這段代碼很容易理解， 但是這種效果是非常實(shí)用的
希望本文所述對大家微信小程序開發(fā)有所幫助。
相關(guān)文章
js自己實(shí)現(xiàn)一個(gè)大文件切片上傳+斷點(diǎn)續(xù)傳的示例代碼
本文主要介紹了js自己實(shí)現(xiàn)一個(gè)大文件切片上傳+斷點(diǎn)續(xù)傳的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06
將Listbox的 SelectionMode="Multiple"，設(shè)置為多選時(shí)，用JS獲取多選的值。2010-04-04
js實(shí)現(xiàn)div模擬模態(tài)對話框展現(xiàn)URL內(nèi)容
這篇文章主要介紹了js實(shí)現(xiàn)div模擬模態(tài)對話框展現(xiàn)URL內(nèi)容的功能,涉及javascript動態(tài)操作頁面元素樣式與ajax調(diào)用的相關(guān)技巧,需要的朋友可以參考下2016-05-05
微信小程序?qū)崿F(xiàn)隨機(jī)驗(yàn)證碼
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)隨機(jī)驗(yàn)證碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-05-05
JavaScript實(shí)現(xiàn)的XML與JSON互轉(zhuǎn)功能詳解
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的XML與JSON互轉(zhuǎn)功能,結(jié)合實(shí)例形式分析了基于javascript的xml與json相關(guān)轉(zhuǎn)換功能實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-02-02
javascript 實(shí)現(xiàn)簡單的table排序及table操作練習(xí)
在這個(gè)列子中，練習(xí)了table的操作，主要有：tBodies、rows、cells，還有有關(guān)數(shù)組的排序方法：sort,按興趣的朋友可以研究下2012-12-12
這篇文章主要為大家詳細(xì)介紹了JS模擬實(shí)現(xiàn)串行加法器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03
如何在Web頁面上直接打開、編輯、創(chuàng)建Office文檔
如何在Web頁面上直接打開、編輯、創(chuàng)建Office文檔...2007-03-03
Whatever:hover 無需javascript讓IE支持豐富偽類
絕大部分現(xiàn)代瀏覽器支持 css 中的 :hover 偽類選擇器，可以用于所有 html 元素。2010-06-06
好多情況下flash會出現(xiàn)需要單擊激活，不過一般新版本中直接插入隨然不用激活但代碼較多，下面的方法是個(gè)函數(shù)，其實(shí)代碼也不少，不過思路很好，大家可以看看。2009-03-03