微信小程序?qū)崿F(xiàn)滾動(dòng)消息通知

更新時(shí)間：2018年02月02日 10:38:23 作者：xiaochun365

這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)滾動(dòng)消息通知，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了微信小程序?qū)崿F(xiàn)滾動(dòng)消息的具體代碼，供大家參考，具體內(nèi)容如下

效果圖：

index.wxml

<!--index.wxml-->
<swiper class="swiper_container" vertical="true" autoplay="true" circular="true" interval="1000">
 <block wx:for="{{msgList}}">
 <navigator url="/pages/index/index?title={{item.url}}" open-type="navigate">
  <swiper-item>
  <view class="swiper_item">{{item.title}}</view>
  </swiper-item>
 </navigator>
 </block>
</swiper>

index.js

//index.js
//獲取應(yīng)用實(shí)例
var app = getApp()
Page({
 data: {
 },
 onLoad(e) {
 console.log(e.title)
 this.setData({
  msgList: [
  { url: "url", title: "多地首套房貸利率上浮 熱點(diǎn)城市漸迎零折扣時(shí)代" },
  { url: "url", title: "交了20多年的國(guó)內(nèi)漫游費(fèi)將取消 你能省多少話費(fèi)？" },
  { url: "url", title: "北大教工合唱團(tuán)出國(guó)演出遇尷尬:被要求給他人伴唱" }]
 });
 }
})

index.wxss

/**index.wxss**/

.swiper_container {
 background-color: red;
 height: 50rpx;
 width: 80vw;
}

.swiper_item {
 font-size: 30rpx;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

完全深入學(xué)習(xí)Bootstrap表單
Bootstrap表單用來(lái)與用戶做交流的一個(gè)網(wǎng)頁(yè)控件，實(shí)現(xiàn)網(wǎng)頁(yè)與用戶更好的溝通，這篇文章主要就為大家介紹了Bootstrap表單中常見(jiàn)的元素,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-11-11
js利用Array.splice實(shí)現(xiàn)Array的insert/remove
從一個(gè)數(shù)組中移除一個(gè)或多個(gè)元素，如果必要，在所移除元素的位置上插入新元素，返回所移除的元素。
2009-01-01
js 數(shù)組實(shí)現(xiàn)一個(gè)類(lèi)似ruby的迭代器
今天突然發(fā)現(xiàn)js的數(shù)組處理起來(lái)真是麻煩,代碼一些就是一大堆,相比起ruby的迭代器來(lái)真是遜色不少。
2009-10-10
ionic js 復(fù)選框與普通的 HTML 復(fù)選框到底有沒(méi)區(qū)別
本文通過(guò)實(shí)例給大家演示ionic js 復(fù)選框與普通的 HTML 復(fù)選框到底有沒(méi)區(qū)別的相關(guān)知識(shí)，非常不錯(cuò)具有參考借鑒價(jià)值，感興趣的朋友一起學(xué)習(xí)吧
2016-06-06
JavaScript中var的重要性實(shí)例分析
這篇文章主要介紹了JavaScript中var的重要性,結(jié)合實(shí)例形式分析了javascript變量定義、作用范圍、作用域及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下
2019-07-07
不用AI也能實(shí)現(xiàn)的文字自動(dòng)播報(bào)(SpeechSynthesis文本實(shí)例合成)
SpeechSynthesis是HTML5的一個(gè)新特性，基于SpeechSynthesis可以實(shí)現(xiàn)在客戶瀏覽器端進(jìn)行動(dòng)態(tài)文本的語(yǔ)音合成播放，這篇文章主要介紹了不用AI也能實(shí)現(xiàn)的文字自動(dòng)播報(bào)(SpeechSynthesis文本實(shí)例合成),需要的朋友可以參考下
2023-03-03
用js實(shí)現(xiàn)小球的自由移動(dòng)代碼
本篇文章小編為大家介紹，用js實(shí)現(xiàn)小球的自由移動(dòng)代碼。需要的朋友參考下
2013-04-04
JavaScript中FontFace對(duì)象的使用方式
這篇文章主要介紹了JavaScript中FontFace對(duì)象的使用方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-08-08
基于Bootstrap使用jQuery實(shí)現(xiàn)簡(jiǎn)單可編輯表格
這篇文章主要介紹了基于Bootstrap使用jQuery實(shí)現(xiàn)簡(jiǎn)單可編輯表格的相關(guān)資料,需要的朋友可以參考下
2016-05-05
JavaScript實(shí)現(xiàn)圖片預(yù)加載的方法總結(jié)
在Web前端開(kāi)發(fā)中,圖片是網(wǎng)頁(yè)內(nèi)容的重要組成部分,但它們的加載時(shí)間往往會(huì)影響頁(yè)面的整體性能,為了提升用戶體驗(yàn),減少等待時(shí)間,開(kāi)發(fā)者通常會(huì)采用圖片預(yù)加載（Image Preloading）技術(shù),本文給大家介紹了JavaScript實(shí)現(xiàn)圖片預(yù)加載的方法總結(jié),需要的朋友可以參考下
2024-12-12