小程序：详解app.json文件、绑定方法、页面跳转 -云博客

小程序：详解app.json文件、绑定方法、页面跳转

# 微信 2024-05-05 16:19 0 50 来源：云博客

  　　"pages":[ 
  　　　　"pages/news/news",//在pages下添加news文件夹以及news文件夹下的一套页面 
  　　　　"pages/news/child/child",//在news下添加child文件夹以及child文件夹下的一套页面 
 　　　　 "pages/news/child",//在news下添加child的一套页面 
  　　　　"pages/index/index", 
  　　　　"pages/logs/logs" 
  　　], 
  　　"window":{ 
  　　　　"backgroundTextStyle":"light", 
  　　　　"navigationBarBackgroundColor": "#ccc",//导航栏的颜色 
  　　　　"navigationBarTitleText": "小程序aaa",//导航栏的文字 
  　　　　"navigationBarTextStyle":"black",//导航栏的文字颜色 
 　　　　 "enablePullDownRefresh":true//全局添加下拉刷新 
 　　},
 　　 "tabBar": {//底部导航栏：最少两个最多五个 
 　　　　 "position":"bottom",//底部导航栏位置，top在上面显示 
 　　　　 "list": [ 
 　　　　　　 { 
　　　　　　 "iconPath": "iconPath",//图标、路径
 　　　　　　 "selectedIconPath": "iconPath",//选中后的图标、路径 
 　　　　　　 "pagePath": "pages/news/news",//文件路径 
 　　　　　　 "text": "新页面"//文字 
 　　　　　　 }, 
　　　　　　 {
　　　　　　 "iconPath": "iconPath",//图标、路径
 　　　　　　 "selectedIconPath": "iconPath",//选中后的图标、路径 
 　　　　　　 "pagePath": "pages/index/index", 
 　　　　　　 "text": "首页" 
 　　　　　　 }, 
　　　　　　 {
　　　　　　 "iconPath": "iconPath",//图标、路径
 　　　　　　 "selectedIconPath": "iconPath",//选中后的图标、路径 
 　　　　　　 "pagePath": "pages/logs/logs", 
 　　　　　　 "text": "日志" 
 　　　　　　 } 
 　　　　 ] 
 　　 }, 

详细信息可以看文档：微信小程序app.json页面的官方配置文档

2、绑定事件：bindtap

 <button bindtap=‘aaa‘>按钮</button> 

  aaa:(e)=>{ 
  　　console.log(e); 
  　　wx.navigateTo({//跳转页面方法 
 　　　　//路径在这里 
 　　}); 
  }, 

3、跳转页面方法：wx.navigateTo({文件路径(例如：../news/news)});

荣耀手机锁屏微信不显示消息内容如何设置

vivo手机微信锁屏不显示内容如何设置

oppo手机锁屏微信不显示消息内容怎么设置

三星手机锁屏微信消息不显示解决方法

安卓手机锁屏微信不显示消息通知内容怎么设置

苹果iPhone手机锁屏不显示微信通知内容

云博小周宇投稿者

96804 篇文章

0 条评论

最近文章

小程序：详解app.json文件、绑定方法、页面跳转

相关文章