微信小程序-自动播放图片实现轮播图

效果图:

微信小程序-自动播放图片实现轮播图  微信小程序幻灯片 微信小程序自动播放图片 第1张

 

准备工作:

1:微信开发者工具,如没有请参考该文章:微信小程序初章-注册微信小程序账户及安装微信小程序开发者工具篇

2:电脑一台。

3:微信开发者账户

4:手机一台(安装过微信)

 

开始操作:

1:打开微信开发者工具,创建新项目;填写三个必要内容:项目名称,存放目录,APPID。

然后点击立即创建即可。

 

微信小程序-自动播放图片实现轮播图  微信小程序幻灯片 微信小程序自动播放图片 第2张

 

2:打开界面如下,这是默认获取用户头像的界面。

微信小程序-自动播放图片实现轮播图  微信小程序幻灯片 微信小程序自动播放图片 第3张

 

3:一般显示的东西都是放在pages的后缀为wxml的文件中 

主页的获取头像的代码就是存放在pages/index/index.wxml文件中。

微信小程序-自动播放图片实现轮播图  微信小程序幻灯片 微信小程序自动播放图片 第4张

 

4:默认的当然不是我们今天想要的效果,所以,删了获取头像的所有代码。

微信小程序-自动播放图片实现轮播图  微信小程序幻灯片 微信小程序自动播放图片 第5张

 

5:现在开始准备图片部分。图片想要显示,当然需要对应的图片,图片就必须先存在项目文件夹中才能被引用。

所以,先点击右上方的详情,点击下方的本地目录,可以查看项目文件

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

麻木博客

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值