微信小程序怎样实现一个页面里面有两个页面切换

微信小程序怎样实现一个页面里面有两个页面切换,第1张

1、首先打开微信开发者工具。

2、然后打开一个页面,找到wxml文件,点击打开。

3、在里面新建一个button按钮。

4、为这个按钮绑定一个事弊隐件addweibo,用磨源来做跳转。

5、接着打开这个页面中的js文件。

6、在js文件中新建刚才绑定的函数addweibo。

7、在这个函数里面写上wx:navigateTo({url: '瞎卜态/pages/addweibo/addweibo',})其中url是要进行跳转的地址。然后打开模拟器预览就完成了。

在一个微信小程序中想要用到两种不同的tabbar样式,需要在app.js中自定义,在页面加载时进行调用。

比如一个小程序需要两个版本(用户版、商家版),并且能通过一闷昌个按钮在两个版本间进行切换,可能会用到这种方式。

此处以两个页面(index,logs)显示两种tabbar样橡粗式为例,通过切换按钮梁罩镇进行切换。

首先有一个模板文件:tabbar.wxml

在app.json中无需定义“tabBar”

在app.js中自定义如下

在app.wxss中定义显示样式

index.wxml,用到自定义tabbar的页面的首部都需要引入模板文件

index.js

logs.js

加载自定义tabbar的那句话(app.editTabBar)写在onload或onshow中都可以。

只写了两个主页面,其他页面可自行定义跳转。

最后放上效果图:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12355626.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-24
下一篇 2023-05-24

发表评论

登录后才能评论

评论列表(0条)

保存