LuminousはWeChatアプレット開発の分野にあなたを連れて行きます（21）

発光プロローグ：

 

 

私たちはいつも私たちを一番愛する人のもとに住んでいます

 

 

 
 
テキスト：
 
                                              タオでタオを認識する

 

 

ここでイベントをバインドすることはできません。

別の場所に書く必要があります

<!--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 () {

  }
})