<view class="container">  <view  bindtap="bindViewTap" class="userinfo">    <image class="userinfo-avatar" src="{{userInfo.avatarUrl}}" background-size="cover"></image>    <text class="userinfo-nickname">{{userInfo.nickName}}</text>  </view>  <view class="usermotto">    <text class="user-motto">{{motto}}</text>  </view>

本例中使用了 、、来搭建页面结构，绑定数据和交互处理函数。

index.js 是页面的脚本文件，在这个文件中我们可以监听并处理页面的生命周期函数、获取小程序实例，声明并处理数据，响应页面交互事件等。

//index.js//获取应用实例var app = getApp() Page({   data: {     motto: 'Hello World',     userInfo: {}   },  //事件处理函数  bindViewTap: function() {    wx.navigateTo({       url: '../logs/logs'    })   },   onLoad: function () {    console.log('onLoad')    var that = this    //调用应用实例的方法获取全局数据   app.getUserInfo(function(userInfo){      //更新数据      that.setData({         userInfo:userInfo       })     })   } }) index.wxss是页面的样式表：