h5页面内嵌到app,解决ios无法使用左右侧滑返回上一页

背景：vue+vant组合开发的h5页面，嵌入多个app,其中安卓手机都可实现侧滑返回上一页，而苹果端不行，app本身不展示title顶部的返回箭头。

解决办法：判断机型，处理ios端监听左右滑动事件，结合transition实现滑动返回

代码：

//app.vue文件中

单独js文件中判断机型-自取：

//获取浏览器类型
var ua = navigator.userAgent;
//获取机型判断
var os = {};
var android = ua.match(/(Android);?[\s\/]+([\d.]+)?/);
var ipad = ua.match(/(iPad).*OS\s([\d_]+)/);
var iphone = !ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/);
var ipod = ua.match(/(iPod)(.*OS\s([\d_]+))?/);
if (android) os.android = true;
if (iphone && !ipod) os.ios = os.iphone = true;