微信小程序仿原生跳转怎么弄

微信小程序仿原生跳转是指在小程序中实现和原生APP一样的页面跳转效果，即在不同页面之间进行切换时，可以实现从右往左的滑动效果。

实现微信小程序仿原生跳转的方法有多种，下面我们来看看其中一种方法：

// 页面A.js 
Page({ 
    onLoad: function () { 

    }, 

    // 跳转到B.js 
    goToB: function () { 

        // 动画效果 
        wx.navigateTo({ 

            url: '../B/B', // 要跳转的目标页面url 

            success: function (res) { 

                var animation = wx.createAnimation({ 

                    duration: 500, // 动画时间 ms 

                    timingFunction: 'ease', // 动画函数 linear/ease/ease-in/ease-out/ease-in-out/step-start/step-end 

                    delay: 0, // 动画延迟 ms 

                    transformOrigin: '50% 50% 0' // 动画位移 x,y,z;如果是水平位移，则写X;如果是垂直位移，则写Y;如果是3D位移，则写Z;如果是元素的旋转，则写transformOrigin:'50% 50% 0'  

                });  

                animation.translateX(-1000).step();  

                this.setData({  

                    animationDataA: animation.export()  

                });  

            }  

        });  
    }  
});  

// 页面B.js Page({ onLoad: function () { }, onShow: function () { var animation = wx.createAnimation({ duration: 500, timingFunction: 'ease', delay: 0, transformOrigin:'50% 50% 0' }); animation.translateX(1000).step(); this.setData({ animationDataB :animation.export() }); } }); 

微信小程序 仿原生跳转

{"path_type":1}

{
    "errcode":0,
    "errmsg":"ok",
    "business_type":"wxCity",
    "query_string":"addr=pages%2Froute%2Fmain&business_view_token=a52f6d30814a8d7d5717d004a0c38894",
    "expire_at":1576838728
}