CSS

1. 行内绑定背景图

<view class="user-avatar" style="background-image: url('{{threadListItem.user.avatar_url}}')"></view>

JS

1. 封装wx.request请求

util.js

function getData (url, method, data) {
  return new Promise(function(resolve, reject){
    wx.request({
      url: url,
      data: data,
      method: method,
      header: {
        'Content-Type': 'application/json'
      },
      success: function(res) {
        resolve(res)
        console.log("success")
      },
      fail: function (res) {
        reject(res)
        console.log("failed")
      }
    })
  })
}

function getRequest (url, data) {
  return getData(url, 'GET', data)
}

function postRequest (url, data) {
  return getData(url, 'POST', data)
}

const baseUrl = 'http://xxx.com/api/'

module.exports = {
  formatTime: formatTime,
  baseUrl: baseUrl,
  getRequest: getRequest,
  postRequest: postRequest
}

使用
homepage.js

const util = require('../../utils/util.js')
//  get请求
Page({
   getBanners: function () {
      util.getRequest(util.baseUrl + 'banners').then((data) => {
        this.setData({
          banners: data.data
        })
      })
    }
})

自定义组件内properties使用
定义

properties: {
    threadListItem: null
}

绑定数据

<view class="thread-list">
        <thread-list-comp wx:for="{{threadList}}" wx:for-index="index" wx:for-item="item" wx:key="{{item.id}}" threadListItem="{{item}}"></thread-list-comp>
</view>