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

微信小程序轮播图调用接口生命周期函数,页面加载: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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • webstorm 2021 激活码[在线序列号]

    webstorm 2021 激活码[在线序列号],https://javaforall.net/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

    2022年3月20日
    94
  • 微信公众号发布提醒(微信公众号模板消息接口)

    1.项目简介灵感来源于学校的每日健康日报,要求使用微信小程序进行每日健康打卡。所以此项目的功能类似于QQ群机器人,或者是每日闹钟。功能描述:用户访问给定的页面,进行授权登录,然后确认自己的身份(本科生或研究生),并开启通知,即可每天在约定时间收到微信服务号的消息提醒。当然,用户可以自定义每日通知的时间,也可以随时开启或关闭每日通知。

    2022年4月12日
    420
  • vue toast提示_vue弹出页面

    vue toast提示_vue弹出页面创建一个message.vue组件<template><divclass=”wrap”v-if=”showWrap”:class=”showContent?’fadein’:’fadeout'”><i:class=”iconState?’success’:’wrong'”></i>…

    2022年9月2日
    2
  • 服务自启动设置_服务器设置启动项

    服务自启动设置_服务器设置启动项一、linux下的服务分类RPM包默认安装的服务这些服务是通过RPM包安装的,可以被服务管理命令识别。又分为两种子分类:1)独立的服务:就是独立启动的意思,这类型的服务可以自行启动,而不

    2022年8月3日
    3
  • 亚交联盟怎么样?我的真实经历

    亚交联盟怎么样?我的真实经历以前听过做亚交只要到了可以支付的金额,就会把你的级别降低,又原来的从$2/$1(女/男)降到$0.30/$0.15。现在自己做了,果然如此。今天收到亚交邮件:谢谢您对亚交的支持。至今您无法在每30位免

    2022年7月3日
    24
  • CANoe之CAPL编程(CANoe系列其三)「建议收藏」

    CANoe之CAPL编程(CANoe系列其三)「建议收藏」CANoe之CAPL编程(CANoe系列其三)摘要1、CAPL概述1.1、CAPL语言特性1.2、CAPL的程序结构1.3、CAPL的数据类型1.4、CAPL事件类型概述2、CAPL事件类型2.1、系统事件2.2、CAN控制器事件2.3、CAN消息事件2.4、时间事件2.5、键盘事件2.6、错误帧事件2.7、环境变量事件2.8、系统变量事件摘要    &…

    2025年7月28日
    0

发表回复

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

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