微信小程序轮播图 demo

news/2024/7/20 1:07:22 标签: 小程序, java

 

wxml 代码
<swiper circular="{{circular}}" indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" indicator-color="{{indicatorColor}}" indicator-active-color="{{indicatorActiveColor}}">
    <block wx:for="{{imgUrls}}" wx:key="key">
        <swiper-item>
            <image src="{{item.img_path}}"></image>
        </swiper-item>
    </block>
</swiper>
js代码
Page({
  data: {
    circular: true, //是否开启无限轮播,衔接
    indicatorDots: true, //是否显示面板指示点
    autoplay: true, //是否自动播放
    interval: 3000, //自动切换时间间隔
    duration: 1000, //滑动动画时长
    indicatorColor: "#eee", //普通轮播点背景色
    indicatorActiveColor: "#f10215", //选中轮播点背景色
    imgUrls: [{
        'img_path': '/img/image/16pic_8581625_b.jpg'
      },
      {
        'img_path': '/img/image/tupian.jpg'
      },
      {
        'img_path': '/img/image/16pic_8581625_b.jpg'
      },
    ]

 


http://www.niftyadmin.cn/n/1229762.html

相关文章

imgsed发布

imgsed发布 转载时请注明出处和作者联系方式 文章出处&#xff1a;http://www.limodev.cn/blog 作者联系方式&#xff1a;李先静 <xianjimli at hotmail dot com> sed 是linux是常用的工具之一&#xff0c;它的好处在于能在脚本中调用&#xff0c;一下处理多个文件。前几…

mysql 单表递归树图

第一步拿到所有第一级 通idp_id 获得所有子集&#xff08;可自行修改适合自己&#xff09; SELECT DATA .id key, DATA.id AS value, DATA.type_name AS title, DATA.parent_id, DATA.has_son AS hasSon FROM ( SELECT ids AS _ids, …

i++循环与i–循环的执行效率

i循环与i–循环的执行效率转载时请注明出处和作者联系方式 文章出处&#xff1a;http://www.limodev.cn/blog 作者联系方式&#xff1a;李先静 <xianjimli at hotmail dot com> 昨天同事问了我一个问题&#xff0c;有两个循环语句&#xff1a; for(i n; i > 0; i--)…

WebSocket通信协议实现实时消息推送

Websocket与前端建立通道连接时时推送数据 下面看代码 pom引入jar包 <!-- websocket --> <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-websocket</artifactId> </dependency> 服务端…

图像流编辑器(imgsed)

转载时请注明出处和作者联系方式 文章出处&#xff1a; http://www.limodev.cn/blog作者联系方式&#xff1a;李先静 <xianjimli at hotmail dot com> sed 是linux是常用的工具之一&#xff0c;它的好处在于能在脚本中调用&#xff0c;一下处理多个文件。前几天整理儿…

编写可移植C/C++程序的要点

转载时请注明出处和作者联系方式文章出处&#xff1a;http://www.limodev.cn/blog作者联系方式&#xff1a;李先静 <xianjimli at hotmail dot com>以前做过两年C程序移植工作&#xff0c;从Win32平台移植到Linux平台。大约有上百万行C/C代码&#xff0c;历时一年多。在开…

Java NIO与IO比较总结

Java NIO和IO的主要区别 下边的表对比了二者的主要区别。 IO 基于Stream 阻塞 NIO 基于Buffer 非阻塞 Selector支持 1.基于Stream VS 基于Buffer Java NIO和IO的最大区别就是 IO是基于Stream的&#xff0c;而NIO是基于Buffer的&#xff0c;那这又意味着什么呢? Java IO基…

FFmpeg + nginx-http-flv-module + flv.js 实现视频流播放

流媒体FFmpeg nginx-http-flv-module flv.js 实现视频流播放 最近项目组接了一个视频流项目&#xff0c;项目的主要核心是将网络摄像头RTSP视频流在WEB端实时播放&#xff0c;经过两天的调查和爬坑&#xff0c;终于实现了视频流的播放。 接下来为大家讲讲 linux 系统下搭建 …