配置tabBar和request网络数据请求

 一、配置tabBar

效果图：

 代码：app.json

"tabBar": {
    "selectedColor": "green",
    "position": "bottom",
    "list": [
      {
        "pagePath": "pages/home/home",
        "text": "首页",
        "iconPath": "/images/首页.png",
        "selectedIconPath": "/images/首页 (1).png"
      },
      {
        "pagePath": "pages/message/message",
        "text": "信息",
        "iconPath": "/images/消息.png",
        "selectedIconPath": "/images/消息 (1).png"
      },
      {
        "pagePath": "pages/contact/contact",
        "text": "联系我们",
        "iconPath": "/images/联系我们.png",
        "selectedIconPath": "/images/联系我们 (1).png"
      }
    ]
  },

二、网络数据请求

跳过 request 合法域名校验 

 代码：

home.wxml

<swiper indicator-dots='true' circular="true">
  <swiper-item wx:for="{
   {swiperList}}" wx:key="id">
    <image src="{
   {item.image}}"></image>
  </swiper-item>
</swiper>

home.wxss 

swiper {
  height: 350rpx;
}

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

home.js

Page({

  /**
   * 页面的初始数据
   */
  data: {
    swiperList: [],

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    this.getSwiperList()
  },
  getSwiperList() {
    wx.request({
      url: 'https://www.escook.cn/slides',
      method: 'GET',
      success: (res) => {
        console.log(res);
        this.setData({
          swiperList: res.data
        })

      }

    })
  },

效果图：