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

{

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

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

时间: 2024-11-10 15:17:13

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

微信小程序-04-详解介绍.json 配置文件

致我自己:小程序开发不是简单一两天的事,一两天只能算是了解,有时候看多了会烦,感觉很熟悉了,其实只是对表面进行了解,对编程却知之甚少,小程序开发不是简单的改模板,一两天很多部分改模板可能都做不到,坚持! 微信小程序-04-详解介绍.json 配置文件 宝典官方文档: https://developers.weixin.qq.com/miniprogram/dev/framework/MINA.html 今天开始深度学习编程语法,岁大部分是拷贝官方文档,代码类都是我自己敲的,希望能自己敲一遍表格里

微信小程序——2、配置json文件

配置文件详解 主配置文件app.json 主配置文件位于主目录中,用于进行全局配置.包括页面文件的路径.窗口表现.设置网络超时时间.设置多tab等 下面通过微信最初自带小程序来学习 { "pages":[ "pages/index/index", "pages/logs/logs" ], "window":{ "backgroundTextStyle":"light", "na

微信小程序详解——页面之间的跳转方式【路由】和参数传递

微信小程序拥有web网页和Application共同的特征,我们的页面都不是孤立存在的,而是通过和其他页面进行交互,来共同完成系统的功能.今天我们来研究小程序页面之间的跳转方式. 1.先导 在Android中,我们Activity和Fragment都有栈的概念在里面,微信小程序页面也有栈的概念在里面.微信小程序页面跳转有四种方式: 1.wx.navigateTo(OBJECT): 2.wx.redirectTo(OBJECT): 3.wx.switchTab(OBJECT): 4.wx.navi

Android 之窗口小部件详解--App Widget

1 App Widget简介 App Widget是应用程序窗口小部件(Widget)是微型的应用程序视图,它可以被嵌入到其它应用程序中(比如桌面)并接收周期性的更新.你可以通过一个App Widget Provider来发布一个Widget. 本文参考Android官方文本,先介绍App Widget的主要组件,然后再以示例来详细说明. 2 App Widget主要的相关类介绍 2.1 AppWidgetProvider AppWidgetProvider 继承自 BroadcastRecei

mpvue项目启动时, 找不到app.json文件

在mpvue的小程序项目里app.json文件找不到了,后来发现是因为mpvue-loader的版本问题,在版本升级后,配置放的位置不一样了,以前直接写在main.js中exports default 出去,升级版本后,需要写app.json文件. 并且pages中需要写到tabBar中所有的pagePath路径,不然会报错,当然,想第一个页面是什么,就需要把那个路径放到第一位的,单个页面的配置需要在单个文件夹下新建main.json单独配置,来覆盖全局的app.json 原文地址:https:

微信小程序-06-详解介绍.js 逻辑层文件-注册页面

上一篇介绍的是 app.js 逻辑层文件中注册程序,对应的每个分页面都会有的 js 文件中 page() 函数注册页面 微信小程序-06-详解介绍.js 逻辑层文件-注册页面 宝典官方文档: https://developers.weixin.qq.com/miniprogram/dev/framework/MINA.html 今天开始深度学习编程语法,虽然大部分是拷贝官方文档,代码类都是我自己敲的,希望能自己敲一遍表格里的内容,熟悉一下操作 页面 Page Page(Object) Page(

小程序使用.json文件来对本页面的窗口表现进行配置

app.json(控制所有页面的窗口表现)配置示例 { "window":{ "navigationBarBackgroundColor": "#ffffff", "navigationBarTextStyle": "black", "navigationBarTitleText": "微信接口功能演示", "backgroundColor": &

【转】小波与小波包、小波包分解与信号重构、小波包能量特征提取 暨 小波包分解后实现按频率大小分布重新排列(Matlab 程序详解)

转:https://blog.csdn.net/cqfdcw/article/details/84995904 小波与小波包.小波包分解与信号重构.小波包能量特征提取   (Matlab 程序详解) -----暨 小波包分解后解决频率大小分布重新排列问题 本人当前对小波理解不是很深入,通过翻阅网络他人博客,进行汇总总结,重新调试Matlab代码,实现对小波与小波包.小波包分解与信号重构.小波包能量特征提取,供大家参考,后续将继续更新! 本人在分析信号的过程中发现,按照网上所述的小波包分解方法理解

Linux开机启动程序详解

我们假设大家已经熟悉其它操作系统的引导过程,了解硬件的自检引导步骤,就只从Linux操作系统的引导加载程序(对个人电脑而言通常是LILO)开始,介绍Linux开机引导的步骤. 加载内核LILO启动之后,如果你选择了Linux作为准备引导的操作系统,第一个被加载的东西就是内核.请记住此时的计算机内存中还不存在任何操作系统,PC(因为它们天然的设计缺陷)也还没有办法存取机器上全部的内存.因此,内核就必须完整地加载到可用RAM的第一个兆字节之内.为了实现这个目的,内核是被压缩了的.这个文件的头部包含着