夜光带你走进 微信小程序开发（二十一）擅长的领域

夜光序言：

我们总是辜负，最爱我们的人

 

 
 
正文：
 
                                              以道御术 / 以术识道

说明一件事，这里不可以绑定事件

应该写在另外一个地方

<!--pages/news/news.wxml-->

<import src="news-template/news-template.wxml" />

<view class="news-container">
  <swiper indicator-dots="{{indicatorDots}}" autoplay indicator-color="{{indicatorColor}}" circular="true">
    <swiper-item>
      <image src="../images/23.jpg" mode="widthFix"></image>
    </swiper-item>
    <swiper-item>
      <image src="../images/4.jpg" mode="widthFix"></image>
    </swiper-item>
    <swiper-item>
      <image src="../images/5.jpg" mode="widthFix"></image>
    </swiper-item>
  </swiper>


  <block wx:for="{{userData}}" wx:for-item="item" wx:key="key">
    <view bindtap="goNewsDetail">
      <template is="newsTemplate" data="{{...item}}"></template>
    </view>


  </block>



</view>

// pages/news/news.js

var newsData = require("../data/newsdata.js")

Page({

  /**
   * 页面的初始数据
   */
  data: {
    indicatorDots:"true",
    indicatorColor:"pink",
    userData:""
  },

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

    //这里要注意下
    //this.setData可以让view重绘
    this.setData({
      userData: newsData.initData
    })
  },

  //跳转到详情页
  goNewsDetail:function(event){
    //  console.log("1111")
    wx.navigateTo({
      url: 'news-detail/news-detail',
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

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

  },

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

  },

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

  },

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

  },

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

  },

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

  }
})