微信小程序按钮位置调整

Posted 2023-04-11

参考技术A 微信小程序按钮位置调整可以通过调整其布局文件中的位置属性来实现。可以使用left、right、top、bottom等属性来指定按钮的位置，也可以使用flex布局来更灵活的调整按钮的位置。此外，也可以使用wx:if属性来控制按钮的显示与隐藏，从而实现按钮位置的调整。

微信小程序的返回按钮监听

参考技术A  通过web-view所引得页面，当点击左上角返回时，想让其返回到指定的页面，而不是返回之前的页面时，可以这样来：

返回时跳转到index页面

var state =

                    title: "title",

                    url: "#"

 ;

window.history.pushState(state, "title", "#");

window.addEventListener("popstate", function (e)

       wx.miniProgram.reLaunch( url: '/pages/index/index' );

, false);

思路就是，通过h5页面来监听小程序的返回  ，以此来实现自己的跳转。

popstate在IOS手机会自动触发，所以可以加延迟来解决这个Bug,可参考本人 https://www.jianshu.com/p/c847350a0232 这篇文章来解决