当前位置: 首页 > news >正文

uniapp挽留提示2.0

项目需求:有时候挽留的ui是全屏的,用page-container也可以。后来产品提了个问题,手机侧滑的时候没那么顺畅(就是一用侧滑,就显示出来,产品要的方案是如下图,emmm大概是这个意思)在这里插入图片描述
后面想了个方案,把挽留的内容做成一个页面,先跳转到挽留页面,在从挽留页面跳转到内容页,这样内容页面后退就是挽留页面了,当然这边还要page-container的配合。

a页面

uni.navigateTo({url:'/pages/b'
})

b页面

<template><view v-if="isShow">挽留内容。。。</view>
</template><script>export 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'})},}}
</script><style>
</style>

c页面(参考page-container)
在函数beforeleave里要进行判断,要返回到a页面的话,就要用uni.navigateBack({delta:2})

beforeleave(){if(this.isOrder){//正常情况,返回a页面,例如已经下单完毕uni.navigateBack({delta:2})}else{//到挽留页uni.navigateBack()}
}
http://www.lryc.cn/news/250058.html

相关文章:

  • 电源控制系统架构(PCSA)之系统分区电压域
  • [Linux] 正则表达式及grep和awk
  • ssm+java车辆售后维护系统 springboot汽车保养养护管理系统+jsp
  • HNU练习七 字符串编程题7. 机器人游戏
  • 【Linux】bash 终端指令
  • 基于SpringBoot高校心理教育辅导设计与实现
  • 关于电脑提示vcruntime140_1.dll无法继续执行代码的解决办法
  • 5. 链表
  • OSI七层模型与TCP/IP四层模型的区别(计算机网络)
  • Other--什么是 CGI,FastCGI、asp、jsp
  • sql关联另一个表,update表的值
  • Python基础:JSON保存结构化数据(详解)
  • 抑郁症日常如何调节?
  • hive两张表实现like模糊匹配关联
  • 【高效开发工具系列】Hutool DateUtil工具类
  • 基于springcloud openfein 使用示例,包含代码和 maven 依赖配置
  • 彰显营销硬实力!皓量科技连续四年入选《中国数字营销生态图》
  • web静态网页设计与制作-基于HTML+CSS+JS实现旅游摄影网站
  • 每日一题:LeetCode-1089. 复写零
  • React Native环境搭建及Hello World
  • VS2017 C++ Qt工程打包软件
  • 【JWT的原理和使用】
  • 对本地存储的有效期的理解
  • 蓝桥杯-02-蓝桥杯Java组考点与14届真题
  • 门户网站二级等保评测问题,服务器漏洞问题解决办法
  • NPDP考前注意事项,这些细节你可要注意!
  • 八个优秀开源内网穿透工具
  • C语言贪吃蛇(有详细注释)
  • MUI框架从新手入门【webapp开发教程】
  • HNU-计算机网络-讨论课2