【微信小程序】动态API+swiper组件实现轮播图+es6的promise

最新推荐文章于 2024-08-21 17:47:57 发布

大格子嘞

最新推荐文章于 2024-08-21 17:47:57 发布

阅读量3.5k

点赞数 7

分类专栏：微信小程序

本文链接：https://blog.csdn.net/qq_43971504/article/details/105862516

版权

本文介绍了如何使用微信小程序的动态API获取轮播图数据，并结合swiper组件实现轮播图功能。针对swiper组件的默认宽度和height问题，提出了设置图片自适应、调整swiper尺寸以及利用mode属性优化image渲染的解决方案。同时，文章还讨论了如何避免发送重复请求，优化发送请求的代码。

摘要由CSDN通过智能技术生成

动态API+swiper组件实现轮播图
在这里插入图片描述
1. 获取轮播图数据
接口：https://api-hmugo-web.itheima.net/api/public/v1/home/swiperdata

pages/index/index.js

Page({
   
  data: {
   
    // 轮播图数组
    swiperList: []
  },
  
  onLoad: function (options) {
   
    // 发送异步请求获取轮播图数据
    wx.request({
   
      url: 'https://api-hmugo-web.itheima.net/api/public/v1/home/swiperdata',
      success: (result) => {
   
        this.setData({
   
          swiperList: result.data.message
        })
      }
    });
  },

});