本文实例为大家分享了微信小程序实现多行文字滚动的具体代码,供大家参考,具体内容如下
wxml
<view class="full" style="height:100%;overflow:hidden"> <swiper autoplay="true" interval="3000" duration="500" circular="true" vertical="true" style="height:100%"> <swiper-item wx:for="{{topnewslist}}" wx:key="{{index}}" catchtouchmove='catchTouchMove'> <van-notice-bar scrollable="{{false}}" bindtap="tonewsdetail" wx:for="{{item}}" wx:for-item="it" wx:key="{{index}}" data-newsid="{{it.new_id}}" style="width:100%" text="{{it.new_topic}}" /> </swiper-item> </swiper> </view>
wxss
swiper-item { height: 100%; }
js
//index.js //获取应用实例 import api from "../../utils/api.js" var token = '' const app = getApp() Page({ data: { topnewslist:[] }, onLoad: function () { }, tonewsdetail(e){ var newsid=e.currentTarget.dataset.newsid; wx.navigateTo({ url: '/pages/newsdetail/newsdetail"mpapi/mpmnews.ashx", { action:'toplist',token:token}).then((res)=>{ if(res.code==1){ //res.list=[{"new_id":1,"new_topic":"111"},{"new_id":2,"new_topic":"222"},{"new_id":3,"new_topic":"333"},{"new_id":4,"new_topic":"444"}] this.setData({ topnewslist: this.splitArr(res.list, 2) //调用 //调用之后[[{"new_id":1,"new_topic":"111"},{"new_id":2,"new_topic":"222"}],[{"new_id":3,"new_topic":"333"},{"new_id":4,"new_topic":"444"}]] }) } }) }, /** * 分割数组创建二维数组封装 * @param data 数组 * @param senArrLen 需要分割成子数组的长度 */ splitArr(data, senArrLen){ //处理成len个一组的数据 let data_len = data.length; let arrOuter_len = data_len % senArrLen === 0 "_blank" href="//www.jb51.net/Special/900.htm">《微信小程序开发教程》小编为大家精心整理的,希望喜欢。以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
暂无“微信小程序实现多行文字滚动”评论...
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。
更新动态
20240525
20240525
- [天乐AA天碟]UncompressedWorldVol.1《无压缩世界1:纯净原音》[24-96]FLAC
- 陈琳.1994-请别再说爱我(TP版)【国际文化】【WAV+CUE】
- 吴倩莲.1996-回家【EMI百代】【WAV+CUE】
- 群星.1989-宝丽金浪漫舞曲超白金【宝丽金】【WAV+CUE】
- 许茹芸《高端定制音响专业示范碟 我为芸开》[WAV+CUE][600MB]
- 费翔-《献给最挑剔的耳朵 精挑细选十八首 HQCD》[WAV+CUE][650MB]
- 《邓丽君 70周年特集4CD香港版》[WAV+CUE][1.7GB]
- 减压睡眠音乐《听着音乐SPA入眠2CD》HQ金碟[DTS+WAV]
- 群星《2016最受欢迎女歌手2CD》DTS-ES[WAV分轨]
- 24Bit极品发烧人声测试《男人咖啡·HIFI男声2CD》DTS[WAV/分轨]
- 陈震.1994-不要让我再爱你再想你【蓝与白】【WAV+CUE】
- 群星.2012-赵季平创作歌曲精选4CD【上海音乐出版社】【WAV+CUE】
- 梁汉文.1998-星火【华星】【WAV+CUE】
- AhNeeMah阿尼玛《NativeSpirit原始灵魂》(2009)示范碟DTS-NRG
- 群星1992-卡拉屋企[香港首版][WAV+CUE]