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

})