脚本宝典收集整理的这篇文章主要介绍了入门微信小程序,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
简介
全局配置
小程序根目录下的 app.json
文件用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。
-
示例
{
"pages": [
"pages/index/index",
"pages/LOGs/logs",
"pages/klass/klass",
],
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#1aad16",
"navigationBarTextStyle": "black"
},
"tabBar": {
"color": "black",
"selectedColor": "#129763",
"list": [
{
"text": "首页",
"pagePath": "pages/index/index"
},
{
"text": "修改班级",
"pagePath": "pages/klass/klass"
}
]
}
"debug": true
}
pages
页面路径
window
页面的窗口表现
tabBar
底部菜单栏
debug
是否开启debug
模式,debug
模式下控制台会打印出详细调试信息
-
效果
@H_785_126@更多关于app.json,详细见官方文档
路由
1. navigator
navigate 跳转到 (默认属性)
swITchTab 以tab(菜单栏)方式切换页面
reLaunch 重新加载url页面,顶部不会出现回退按钮
-
示例
<!-- open-type的默认值为navigate -->
<navigator url='/pages/personal/personal'>跳转到修改个人信息界面</navigator>
<!-- open-type设置属性值为reLaunch -->
<navigator url='/pages/password/password' open-type='reLaunch' >跳转到修改密码界面</navigator>
<!-- open-type的默认值为switchTab -->
<navigator url='/pages/klass/klass' open-type='switchTab'>跳转到修改班级界面</navigator>
open-type
默认属性,顶部会出现回退样式:
open-type
设置属性值为reLaunch,顶部不会出现回退样式:
open-type
设置属性值为switchTab(*要实现以tab方式切换页面,在app.json中要配合写上tab的配置项
):
navigate
对应wx.navigateTo(OBJECT)
跳转到
switchTab
对应 wx.switchTab(OBJECT)
跳转到某个tab
reLaunch
对应 wx.reLaunch(OBJECT)
重新加载
- 示例
index.js
index.wxML
关于navigator
的更多属性值可在官方文档查阅
以上是脚本宝典为你收集整理的入门微信小程序全部内容,希望文章能够帮你解决入门微信小程序所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。