<!--index.wxml-->
<view class="container">
<!--綁定點(diǎn)擊事件-->
 <view bindtap="bindViewTap" class="userinfo">
 </view>
 <view class="usermotto">
 <!--數(shù)據(jù)綁定-->
 <text class="user-motto">{{motto}}</text>
 </view>
</view>

/**index.wxss**/

.container {
 width: 800;
 height: 800;
}
.userinfo {
 width: 120rpx;
 height: 120rpx;
 background: red;
}

//index.js
//獲取應(yīng)用實(shí)例
var app = getApp()
Page({
 /**
 * 通過(guò)data初始化數(shù)據(jù)
 */
 data: {
 motto: '點(diǎn)擊上面View跳轉(zhuǎn)',
 // userInfo: {}
 },
 //事件處理函數(shù)
 bindViewTap: function() {
 //通過(guò)調(diào)用API進(jìn)行跳轉(zhuǎn)
 wx.navigateTo({
 url: '../logs/logs'
 })
 },
 /**
 * 監(jiān)聽(tīng)頁(yè)面開(kāi)在加載的狀態(tài)
 * 頁(yè)面加載完成之后就不會(huì)在執(zhí)行
 */
 onLoad: function () {
 console.log('index---------onLoad()')
 // //this指的就是本頁(yè)面對(duì)象
 // var that = this
 // //調(diào)用應(yīng)用實(shí)例的方法獲取全局?jǐn)?shù)據(jù)
 // app.getUserInfo(function(userInfo){
 // //更新數(shù)據(jù)
 // that.setData({
 // userInfo:userInfo
 // })
 // //更新本頁(yè)面
 // that.update()
 // })
 },
 /**
 * 監(jiān)聽(tīng)頁(yè)面顯示，
 * 當(dāng)從當(dāng)前頁(yè)面調(diào)轉(zhuǎn)到另一個(gè)頁(yè)面
 * 另一個(gè)頁(yè)面銷毀時(shí)會(huì)再次執(zhí)行
 */
 onShow: function() {
 console.log('index---------onShow()')
 },
 /**
 * 監(jiān)聽(tīng)頁(yè)面渲染完成
 * 完成之后不會(huì)在執(zhí)行
 */
 onReady: function() {
 console.log('index---------onReaday()');
 },
 /**
 * 監(jiān)聽(tīng)頁(yè)面隱藏
 * 當(dāng)前頁(yè)面調(diào)到另一個(gè)頁(yè)面時(shí)會(huì)執(zhí)行
 */
 onHide: function() {
 console.log('index---------onHide()')
 },
 /**
 * 當(dāng)頁(yè)面銷毀時(shí)調(diào)用
 */
 onUnload: function() {
 console.log('index---------onUnload')
 }

})