微信小程序样式

<!--index.wxml-->
<view class="container">
    <view class="header">
     <image src="img/1.jpg"></image>
     <text class="user">秀秀</text>
    </view>
    <view class="test">我是：{{name}}</view>
    <view wx:for="{{news}}">
    标题：{{item.abstract}}
    </view>

</view>

// test.js//
Page({


  /**
   * 页面的初始数据
   */
  data: {
    name: "test",
    img: '',
    news:[]
  },
  bindBtnClick: function(){
   
  },


  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {


  },


  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    var that = this;
      wx.request({
        url: 'http://www.toutiao.com/api/pc/feed/?category=__all__',
        method: 'GET',
        success: function (res) {


          console.log(res.data);
          that.setData({
            news: res.data.data
          })
          console.log(that.data);
        },
        fail: function (res) {
          console.log('submit fail');
        },
        complete: function (res) {
          console.log('submit complete');
        }


      })  


  },


  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {


  },


  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {


  },


  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {


  },


  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {


  },


  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {


  },


  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {


  }
})