微信小程序> 初学者微信小程序实现图片轮播效果

初学者微信小程序实现图片轮播效果

浏览量:808 时间: 来源:新酒入愁肠

一、首先登录微信小程序开发文档了解大概详情

二、然后点击 https://mp.weixin.qq.com/wxopen/waregister?action=step1 申请一个账号并登录

三、点击“设置”--“开发设置”,找到小程序的 AppID 

四、在微信公众平台,安装小程序开发工具

五、打开工具,新建一个目录和文件,如图所示

五、图片轮播效果,代码如下

 在.wxss中设置属性

在.wxml中编写如下代码

<view >    <!--轮播图--><swiper class='lunbo' indicator-dots='true' autoplay='true' interval='4000'>       <swiper-item> <image src='../images/a.jpg'></image> </swiper-item>       <swiper-item> <image src='../images/b.jpg'></image></swiper-item>       <swiper-item> <image src='../images/c.jpg'></image> </swiper-item>      </swiper>   </view>

注:参数详解

代码效果如下:

 

 

 

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎