界面跳转
在微信小程序中，按钮也是<button></button>标签，它是通过bindtap属性来绑定点击事件：
<view class="usermotto" bindtap="goIndex_1Tap">
<text class="user-motto" >家庭小账本</text>
</view>
在上文的界面布局中我们可以看到做出的”家庭小账本”图片，就是一个按钮，可以通过以上语句进行定义点击事件，然后通过下面的语句进行跳转定义：
goIndex_1Tap: function (event) {
wx.navigateTo({
url: \'../bookkeeping/bookkeeping\',
})
},
url是路径指定，我们可以通过指定路径的方法来进行界面的跳转，但是前提需要我们提前所要跳转到的界面做好，相关工作都做好之后，就可以进行界面跳转了。
界面布局中所提到的：
这个模块是通过导入图片并引入界面跳转来完成变换的，代码如下：
{ "pages": [ "pages/index/index", "pages/logs/logs", "pages/bookkeeping/bookkeeping", "pages/me/me" ], "window": { "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#ce3bc5", "navigationBarTitleText": "Qi记账本", "navigationBarTextStyle": "black" }, "tabBar": { "list": [ { "pagePath": "pages/index/index", "iconPath": "pages/img/shouye2.jpg", "selectedIconPath": "pages/img/shouye1.jpg", "text": "首页" }, { "pagePath": "pages/me/me", "iconPath": "pages/img/mine1.jpg", "selectedIconPath": "pages/img/mine2.jpg", "text": "我的" } ] } }
通过点击来变换图片，实现界面跳转的效果图，跳转到的界面就是pagePath所指定的界面。
界面跳转还可以利用按钮实现，方法大同小异，
