码迷,mamicode.com
首页 > 微信 > 详细

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

时间:2019-02-21 00:18:31      阅读:351      评论:0      收藏:0      [点我收藏+]

标签:config   code   微信   framework   路径   详细信息   dev   logs   https   

{
  "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)});

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

标签:config   code   微信   framework   路径   详细信息   dev   logs   https   

原文地址:https://www.cnblogs.com/xinchenhui/p/10409880.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!