微信小程序 - 商城项目 - 轮播图与自适应适配

获取数据

我们已经封装好了 request 请求，且 json - server 也启动成功，现在开始正式取数据

import request from '../../util/request'

  /*** 生命周期函数--监听页面初次渲染完成*/
  onReady() {
    this.renderSwiper()
  },

  renderSwiper(){
    request({
      url:"/recommends"
    }).then(res=>{
      this.setData({
        looplist:res
      })
    })
  },

在页面渲染完成后，触发发送请求的方法，去获取数据，引入封装好后的 Request 请求，这时发送请求只需要附上 parmas，数据请求成功后保存数据

轮播图使用

1. wx：for 遍历轮播图

使用 wx：for 对 swiper - item 根据数据个数进行遍历

因为此时接口中的图片数据的路径也是指向着本地存储的图片路径，所以需要加上http://localhost:5000，正常开发中的图片路径都会保存在公网中，无需加上

<image src="