1.实现效果2.navigator属性navigator的open-type属性可以有可选值'navigate','redirect','switchTab'，对应wx.navigateTo，wx.redirectTo，wx.switchTabopen-type="navigate"的作用相当于API的 wx.navigateTo ，wx.navigateTo的url是非tabBar页面的路径在需要重定向的应用中open-type="redirect"相当于API的 wx.redirectTo ，wx.redirectTo的url就是需要重定向的应用中非tabBar页面的路径被重定向。open-type="switchTab"相当于API的 wx.switchTab，wx.switchTab的url需要跳转到tabBar页面，关闭所有其他非tabBar页面。3.hover-class属性在微信小程序中，可以使用hover-class属性来指定元素的点击状态效果。但是，需要注意的是，大多数组件不支持该属性。目前支持hover-class属性的组件有view、button、navigator三种。tips:1.当hover-class的值为none时，组件不会有点击状态效果。2.指定其他类时，会与hover-class冲突。如果想保持hover-class效果，需要在底部写hover-class类，并适当使用!important来增加权重。4、小程序路由区别：wx.navigateTo：保留当前页面，跳转到应用中的其他页面。对于页面少的小程序，通常推荐使用wx.navigateTo跳转到原页面，反之亦然。推荐使用。wx.redirectTo：当页面栈达到第5级时，应该考虑选择wx.redirectTo。关闭当前页面并跳转到应用程序中的页面。避免页面在跳转前占用运行内存，但是返回时页面需要重新加载.也可以从非tabbar跳转到tabbar，或者在tabbar之间跳转，效果等同于wx.switchTab()。wx.switchTab:跳转到标签栏页面，关闭所有非标签栏页面。如果使用其他跳转接口跳转到标签栏，会跳转失败。wx.navigateBack：关闭当前页面并返回上一页或多级页面。可以通过getCurrentPages()获取当前页面栈，判断需要返回多少层。这个API中唯一需要填写的参数是delta，表示要返回的页面数。如果delta的值大于可返回的页面数，则返回到用户进入小程序的第一个页面。delta值不填时，默认为1，返回上一页。
