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

微信小程序轮播图调用接口生命周期函数,页面加载: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)
上一篇 2022年5月11日 上午10:40
下一篇 2022年5月11日 上午10:40


相关推荐

  • RSA加密算法心得

    RSA加密算法心得RSA加密密钥是非对称的,一般是成对出现分为公钥和私钥,所以也叫非对称加密,可以公钥加密,私钥解密,也可以私钥加密,公钥解密。一般用于数据加密。

    2022年5月31日
    59
  • SQL Server中的GUID

    GUID(Globaluniqueidentifier)全局唯一标识符,它是由网卡上的标识数字(每个网卡都有唯一的标识号)以及CPU时钟的唯一数字生成的的一个16字节的二进制值。GUID

    2021年12月22日
    52
  • 图书销售管理系统设计与实现「建议收藏」

    图书销售管理系统设计与实现「建议收藏」图书销售管理系统设计与实现             图书销售管理系统设计与实现本系统带程序说明书 有需要源码虚学习交流的可以去我上传的资源里面找,找不到的话,评论我,或者站内私信留下邮箱,我给你发,也可以联系我ID。因为最近太忙一直没有上传完。emmmm 跟着现代社会的开展越来越多的公司、企业、出售集体等现已不满意于仅仅只是静态网页技能介绍公司背景环境以及开展方向,愈加…

    2022年6月10日
    31
  • 史丰收速算

    史丰收速算史丰收速算法的革命性贡献是 从高位算起 预测进位 不需要九九表 彻底颠覆了传统手算 速算的核心基础是 1 位数乘以多位数的乘法 其中 乘以 7 是最复杂的 就以它为例 因为 1 7 是个循环小数 0 如果多位数超过 就要进 1 同理 2 7 3 7 6 7 也都是类似的循环小数 多位数超过 n 7 就要进 n 下面的程序模拟了史丰收速算法中乘以 7 的运算过程 乘以

    2026年3月26日
    2
  • Hunyuan-HY-MT1.5部署教程:1.8B模型在单卡4090D上的优化实践

    Hunyuan-HY-MT1.5部署教程:1.8B模型在单卡4090D上的优化实践

    2026年3月13日
    3
  • 线性规划之单纯形法【超详解+图解】

    线性规划之单纯形法【超详解+图解】作 者 nbsp Angel Kitty nbsp 出 处 http www cnblogs com ECJTUACM nbsp 关于作者 潜心机器学习以及信息安全的综合研究 如有问题或建议 请多多赐教 nbsp 版权声明 本文版权归作者和博客园共有 欢迎转载 但未经作者同意必须保留此段声明 且在文章页面明显位置给出原文链接 nbsp 特此声明 所有评论和私信都会在第一时间回复 也欢迎园子的大大们指正错误 共同

    2026年3月17日
    2

发表回复

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

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