首页 >> 大全

小程序点击按钮跳转新的页面

2023-09-15 大全 24 作者:考证青年

小程序点击按钮跳转新的页面

目前处于学习阶段,只是为了做笔记分享,还请大神多多指教

第一步:

首先要在app.json中的pages中创建想要跳转的文件夹,pages中第一个展示的路径就是小程序中的初始页面

建立完成以后就会看到两个文件夹

.js(js逻辑)

.json (json配置文件)

.wxml (页面内容)

.wxss (页面样式)

文件也会跟着一起建立出来

在login文件夹中写以下代码

在这里我是以login为初始页面

建立完成以后在.wxml中写一下内容

<view>
<button class="skip" type="primary" bindtap='go'>go</button>
</view>

_点击按钮后跳转页面_跳转页面的快捷键

在.wxss文件中给一个上外边距

.skip {margin-top: 10px;
}

在.js文件中写一下内容

go: function() {wx.navigateTo({url:'/pages/status/status'})},

在login页面中写完以后就可以在中写点内容方便测试

完成跳转,回去的方式和上边的思路一样,在这里就不详细说了

最后,欢迎大神多多指教,相互学习

关于我们

最火推荐

小编推荐

联系我们


版权声明:本站内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 88@qq.com 举报,一经查实,本站将立刻删除。备案号:桂ICP备2021009421号
Powered By Z-BlogPHP.
复制成功
微信号:
我知道了