## welcome.xxx  [TOC] ### welcome.wxml ``` <view class='head'> <image src="{{isEmpty?'/images/fcbef251ffbb8af6420e945c107489d5.jpg':imgUrl}}" catchtap="mine" mode="aspectFill"></image> <text>{{textValue}}</text> <button hover-class="button_hover" bindtap='JumpTo'>开启我的小程序之旅</button> </view> ``` >1.图片：在缓存为空的情况下默认为设定好的数据，在缓存不为空（自定义上传过图片）的情况下显示上传的图片 2.图片：`catchtap="mine"`绑定mine事件跳转到个人资料修改页面 3.图片： ### welcome.wxss [01.欢迎页样式](https://www.kancloud.cn/lixu/wechat_mp/790165) ### welcome.js ``` Page({ JumpTo(){ wx.switchTab({ url: '/pages/index/index', }) } , mine(){ wx.switchTab({ url:'/pages/post-img/post-img', }) }, onLoad(){ var isEmpty = wx.getStorageSync('image').isEmpty; var imgUrl = wx.getStorageSync('image').imgUrl; var textValue = wx.getStorageSync('Text'); this.setData({ isEmpty, imgUrl, textValue }) ; wx.setNavigationBarTitle({ title:' ', }) } }) ``` > wx.navigateTo({ url: '/pages/index/index', }) 替换成==> wx.switchTab({ url: '/pages/index/index', }) >1.navigateTo一次只能打开5个页面，超过5个页面则不能进行跳转 2.navigateTo和redirectTo都不能跳转到tabbar页面，只能用switchTab