中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

微信小程序實現滾動消息通知

發布時間:2020-09-08 19:44:01 來源:腳本之家 閱讀:174 作者:xiaochun365 欄目:web開發

本文實例為大家分享了微信小程序實現滾動消息的具體代碼,供大家參考,具體內容如下

效果圖:

微信小程序實現滾動消息通知

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
//獲取應用實例
var app = getApp()
Page({
 data: {
 },
 onLoad(e) {
 console.log(e.title)
 this.setData({
  msgList: [
  { url: "url", title: "多地首套房貸利率上浮 熱點城市漸迎零折扣時代" },
  { url: "url", title: "交了20多年的國內漫游費將取消 你能省多少話費?" },
  { url: "url", title: "北大教工合唱團出國演出遇尷尬:被要求給他人伴唱" }]
 });
 }
})

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;
}

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持億速云。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

靖江市| 荥阳市| 富阳市| 从江县| 彭阳县| 仪陇县| 嘉定区| 南投市| 白朗县| 卢湾区| 拉萨市| 鄂州市| 抚宁县| 恩施市| 昭苏县| 汪清县| 信阳市| 察隅县| 沙雅县| 常州市| 唐河县| 桐城市| 安溪县| 太仆寺旗| 鄱阳县| 阳新县| 九江市| 嘉善县| 库伦旗| 苗栗县| 津市市| 任丘市| 玛纳斯县| 辰溪县| 龙游县| 静海县| 罗平县| 南安市| 平利县| 南开区| 集贤县|