购物网站建设网页推广,wordpress备份到邮箱,网站建设公司南昌,网页设计基础知识总结项目需求#xff1a;有时候挽留的ui是全屏的#xff0c;用page-container也可以。后来产品提了个问题#xff0c;手机侧滑的时候没那么顺畅#xff08;就是一用侧滑#xff0c;就显示出来#xff0c;产品要的方案是如下图#xff0c;emmm大概是这个意思#xff09; 后面…项目需求有时候挽留的ui是全屏的用page-container也可以。后来产品提了个问题手机侧滑的时候没那么顺畅就是一用侧滑就显示出来产品要的方案是如下图emmm大概是这个意思 后面想了个方案把挽留的内容做成一个页面先跳转到挽留页面在从挽留页面跳转到内容页这样内容页面后退就是挽留页面了当然这边还要page-container的配合。
a页面
uni.navigateTo({url:/pages/b
})b页面
templateview v-ifisShow挽留内容。。。/view
/templatescriptexport default{data(){return{isShow:false}},onLoad(option) {setTimeout((){this.isShow true},1000)uni.navigateTo({url:/pages/c})},methods:{//继续填写即在次回到c页面backStop(){uni.navigateTo({url:/pages/c})},}}
/scriptstyle
/stylec页面参考page-container 在函数beforeleave里要进行判断要返回到a页面的话就要用uni.navigateBack({delta:2})
beforeleave(){if(this.isOrder){//正常情况返回a页面例如已经下单完毕uni.navigateBack({delta:2})}else{//到挽留页uni.navigateBack()}
}
