小程序--商城项目，轮播接口数据使用

小程序轮播图的接口数据使用

1.获取轮播图接口数据地址
新建一个数组，之后进行赋值


url:是接口数据里的地址

开始渲染
wxml

<view class="index_swiper">
    <swiper autoplay indicator-dots circular> //轮播属性
      <swiper-item wx:for="{{swiperList}}" wx:key="goods_id">
        <navigator>
          <image mode="widthFix" src="{{item.image_src}}"></image>
        </navigator>
      </swiper-item>
    </swiper>
  </view>

wxss

swiper{
  width: 100%;
  height: 340rpx;
}
swiper image{
  width: 100%;
}

关于接口数据的几个问题

1.你要用自己的appid，不能用测试号
2.有可能你会被提示无法请求接口数据，最简单的方法就是，把他选中就能解决问题

3.如果你的小程序要上线了，就要在自己小程序后台加上接口域名