微信小程序新手教程之navigation API,本篇默认已经成功安装微信小程序工具,来和小编一起看看吧
navigation API
演示效果也看到了小程序也就提供这几个处理导航控制 。值得注意的是只能同时导航五个页面
主要属性:
导航条一些方法
wx.setNavigationBarTitle(object) 设置导航条的Title
导航标题可以通过三种方式设置,第一种是通过全局配置名字统一,第二种就是在page中新建个json文件配置它会覆盖全局配置的title,第三种就是通过API设置 。
文章插图
wx.showNavigationBarLoading()设置在导航条上显示Loading加载状态
wx.hideNavigationBarLoading() 隐藏Loading加载状态
导航视图的一些方法
wx.navigateTo() 保留当前页面进行跳转,传参时就像拼接GET参数一样即可,代码中会有体现
文章插图
wx.redirectTo() 销毁当前页面进行跳转,
文章插图
wx.navigateBack() 返回上一个页面
wxml
设置navigationBarTitle
设置navigationBarLoading加载状态
隐藏navigationBarLoading加载状态
保留当前页跳转
不保留当前页面跳转
退回到上一个页面
json
{
"navigationBarTitleText": "我是通过json配置的title"
}
js
//导入另一个页面
var file = '../audio/audio'
Page({
data:{
text:"Page navigation"
},
onLoad:function(options){
// 页面初始化 options为页面跳转所带来的参数
},
/**
* 设置NavigationTitle
*/
setNavigationBarTitle: function() {
wx.setNavigationBarTitle({
title: '我是通过API设置的NavigationBarTitle'
})
},
/**
* 设置加载状态
*/
showNavigationBarLoading: function() {
wx.showNavigationBarLoading()
},
/**
* 隐藏加载状态
*/
hiddenNavigationBarLoading: function() {
wx.hideNavigationBarLoading()
},
/**
* 保留当前Page跳转
*/
navigateTo: function() {
wx.navigateTo({
//传递参数方式向get请求拼接参数一样
url: file'?phone=18939571&password=1992',
success: function(res) {
console.log(res)
},
fail: function(err) {
console.log(err)
}
})
},
/**
* 关闭当前页面进行跳转当前页面会销毁
*/
redirectTo: function() {
wx.redirectTo({
//传递参数方式向get请求拼接参数一样
url: file'?phone=189395719&password=1992'
})
},
/**
* 退回到上一个页面
*/
navigateBack: function() {
wx.navigateBack()
},
onReady:function(){
// 页面渲染完成
},
onShow:function(){
// 页面显示
},
onHide:function(){
// 页面隐藏
},
onUnload:function(){
// 页面关闭
}
})
下面就跟大家推荐一个有趣好玩的微信小程序:嗨图
嗨图功能
文章插图
1、专题——DIY图片的模板,点击可以生成使用,分享到朋友圈 。
2、分享墙——用户上传的自己DIY作品 。
【微信小程序新手教程之navigation API】3、立即制作——可以用自己的图来DIY 。
4、告诉我——告诉产品的改进,内容的增加 。
想要体验怎么制作属于自己个性朋友圈照片的用户,扫一扫下面的二维码就可以啦!还等什么,赶紧扫码体验,开启你的嗨图之旅吧!
推荐阅读
- 洗浴中心选择指南 哈尔滨洗浴哪里好
- 岳飞简介:南宋抗金名将、民族英雄 被秦桧陷害而死
- Win11系统怎么隐藏文件夹?Windows11如何隐藏某个文件夹?
- 辣木籽来月经的时候能吃吗 辣木籽不适合哪些人吃
- 腾讯大王卡开通不限流量封顶服务方法 腾讯大王卡怎么开通不限流量封顶服务
- 精华液使用方法
- 飞组词_用“飞”字组词
- 孩子内向性格不好怎么办 孩子内向性格不好的处理方法
- 微信小程序上线有哪些小程序 125款小程序名单