微信小程序轮播图调用接口

微信小程序轮播图调用接口生命周期函数,页面加载:onLoad:function(options){let_this=this;wx.request({url:’http://www.day.com/index.php/img’,//仅为示例,并非真实的接口地址method:”GET”,success(res){//console.log(res.data.data)letdatas=res.data.data;//渲染_this.setData({datas})},}

大家好,又见面了,我是你们的朋友全栈君。

生命周期函数,页面加载:

onLoad: function (options) {

let _this=this;

wx.request({

url: ‘http://www.day.com/index.php/img’, //仅为示例,并非真实的接口地址

method:”GET”,

success (res) {

// console.log(res.data.data)

let datas=res.data.data;

// 渲染

_this.setData({datas})

},

})

wx.request({

url: ‘http://www.day.com/index.php/goodsList’, //仅为示例,并非真实的接口地址

method:”GET”,

success (res) {

// console.log(res.data.data)

let list=res.data.data;

// 渲染

_this.setData({list})

},

})

}

页面:

<swiper indicator-dots=”{
{true}}” autoplay=”{
{true}}” interval=”{
{1500}}” duration=”{
{500}}” circular=”{
{true}}” indicator-color=”rgb(153,153,153)” indicator-active-color=”rgb(255,255,255)”>

  <block wx:for=”{
{datas}}” wx:key=”index”>

   <swiper-item>

   <image src=”{
{item.img_url}}”/>

   </swiper-item>

  </block>

</swiper>
 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/143323.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • APK反编译工具使用教程「建议收藏」

    APK反编译工具使用教程「建议收藏」apktool.bat;apktool.jar(主要还原manifest文件和重新打包)apktool.bat、apktool.jar下载地址 我们直接解压apk,里面的manifest文件可能就是乱码的情况。 所以使用该工具可以最大程度的还原apk中的manifest文件和资源文件。 还可以将反编译之后的apk重新打包成apk文件,但需要重新签名,才能安装使用。 这里以windows为例: …

    2025年6月19日
    3
  • C++编程工具(java常用工具)

    给c++程序员的一份礼物-常用工具集■…开发环境  —->Turboc  DOS时代c语言开发的经典工具,目前适合两类人使用:c语言beginner(尤其是学生一族),具有怀旧情节的专业人士:)  —->VisualC++6.0/7.0  稳定而强大的IDE开发环境,具有丰富的调试功能,定制宏的功能也是其一大特色。Microsoft的经典之作,功能强大自不必言说

    2022年4月13日
    46
  • Java HashMap遍历方式性能探讨「建议收藏」

    Java HashMap遍历方式性能探讨

    2022年3月5日
    42
  • java环境变量 的配置与详解(全网最详细教程)

    java环境变量 的配置与详解(全网最详细教程)笔者这学期开始学习java课程,学习java开发首先需要配置java运行环境变量。虽然上课老师也讲了如何配置java环境变量,可是笔者的同学还是有好多都不会配置,所以笔者最近配置了特别多次java环境变量。如下笔者详细解释从JDK安装到环境变量的装配。目录 JDK的下载与安装 配置java环境变量JAVA_HOME变量Path变量ClassPath变量classpath…

    2022年4月30日
    41
  • redis 乐观锁_redis悲观锁

    redis 乐观锁_redis悲观锁文章目录GeospatialHyperloglogBitmapsRedis事务悲观锁和乐观锁JedisSpringboot继承RedisGeospatial存储地理位置的数据结构应用场景朋友的定位,附近的人,打车距离计算Geospatial底层使用的是Zset127.0.0.1:6379> geoadd city 116.23 40.22 beijing 添加一个数据127.0.0.1:6379> geoadd city 121.47 31.23 shanghai 118.77

    2022年8月8日
    6
  • 数据库排名整理_时序数据库排名

    数据库排名整理_时序数据库排名1、编写一个SQL查询,获取Employee 表中第二高的薪水(Salary) 。+++|Id|Salary|+++|1|100||2|200

    2022年8月1日
    9

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号