精华内容
下载资源
问答
  • json 配置app.json 是当前小程序的全局变量,包括了小程序的所有页面路径、界面表现、网络超时时间、底部tab等。quickstrat项目里面的app.json配置内容如下:{ "pages":[ "pages/index/index"...

    json 配置

    app.json 是当前小程序的全局变量,包括了小程序的所有页面路径、界面表现、网络超时时间、底部tab等。

    quickstrat项目里面的app.json配置内容如下:

    {

      "pages":[

        "pages/index/index",

        "pages/logs/logs"

      ],

      "window":{

        "backgroundTextStyle":"light",

        "navigationBarBackgroundColor": "#fff",

        "navigationBarTitleText": "WeChat",

        "navigationBarTextStyle":"black"

      }

    }

    简单说一下这个配置各项的含义:

    1、pages字段——用于描述当前小程序所有页面路径,这是为了让微信客户端知道当前你的小程序定义在哪个目录。

    2、Window字段——小程序所有也米阿尼的顶部背景颜色、文字颜色定义在这里的。

    详情: app.json文件用来对微信小程序进行全局配置,决定页面文件中的路径、窗口的表现、设置网络超时时间、设置多tab等。一下是一个包含了所有配置选项的app.json:

    {

      "pages": [

        "pages/index/index",

        "pages/logs/index"

      ],

      "window": {

        "navigationBarTitleText": "Demo"

      },

      "tabBar": {

        "list": [{

          "pagePath": "pages/index/index",

          "text": "首页"

        }, {

          "pagePath": "pages/logs/logs",

          "text": "日志"

        }]

      },

      "networkTimeout": {

        "request": 10000,

        "downloadFile": 10000

      },

      "debug": true

    }

     

    App.json配置项列表

     

    属性

    类型

    必填

    描述

    Pages

    String array

    设置页面路径

    Window

    Object

    设置默认页面的窗口表现

    tabBar

    Object

    设置底部的tab的表现

    NetworkTimeout

    Object

    设置网络超时时间

    Debug

    Boolean

    设置是否开启debug模式

    Pages 接受一个数组,每一项都是字符串,来指定小程序有哪些页面组成。每一项代表对应页面的【路径+文件名】信息,数组的第一项代表小程序的初始页面。小程序中新增/减少页面,都需要对pages数据进行修改。  文件名不需要写文件后缀,因为框架会自动去寻找路径下 、.json .js.wxml.wxss、四个文件进行整合。

    pages/index/index.wxml

    pages/index/index.js

    则需要在app.json中写

    {

      "pages":[

        "pages/index/index",

        "pages/logs/logs"

      ]

    }

    Window  用于设置小程序的状态栏、导航栏、导航条、标题、窗口背景色

    {

      "window":{

        "navigationBarBackgroundColor": "#ffffff", // 十六进制,导航栏背景颜色,如“#000000

        "navigationBarTextStyle": "black", // 字符串、white、导航栏标题颜色仅支持black/white

    "navigationBarTitleText": "微信接口功能演示", //字符串、导航标题文字内容

    "navigationStyle": "default", // 字符串、导航栏样式,仅支持default/custom.custom模式可自定义导航栏。只保留右上角胶囊状的按钮  (微信版本6.6.0

    "backgroundColor": "#eeeeee", // 十六进制、窗口的背景色

    "backgroundColorTop": "#eeeeee", //字符串、顶部窗口的背景色,仅支持IOS  6.5.16版本

    "backgroundColorBottom": "#eeeeee", //字符串 底部窗口的背景色,仅支持 IOS 6.5.16版本

    "backgroundTextStyle": "light" //  字符串、下拉loading的样式,仅支持dark/light

    "enablePullDownRefresh": "false"  //  boolean 、是否开启下拉刷新

    "onReachBottomDistance": 50  // number  页面上拉触底事件触发时距页面底部距离,单位为px

      }

    }

    注:navigationStyle 只在 app.json 中生效。开启 custom 后,低版本客户端需要做好兼容。开发者工具基础库版本切到 1.7.0(不代表最低版本,只供调试用) 可方便切到旧视觉

    app.json :

    {

      "window":{

        "navigationBarBackgroundColor": "#ffffff",

        "navigationBarTextStyle": "black",

        "navigationBarTitleText": "微信接口功能演示",

        "backgroundColor": "#eeeeee",

        "backgroundTextStyle": "light"

      }

    }


    tabBar  如果小程序是一个多tab应用(客户端窗口的底部或者顶部有tab栏可以切换页面),可以通过tabBar配置项指定tab栏的表现,以及tab切换时显示的对应页面。

    注:1、当设置position为top时,将不会显示icon 2、tabBar中的list是一个数组,只能配置最少2个,最多5个tab,tab按数组顺序排序。

    属性说明:

    color      hexColor(十六进制) 必填  tab上的文字默认颜色。

    selectedColor  十六进制  必填  tab上的文字选中的颜色

    backgroundColor  十六进制  必填  tab的背景颜色

    borderStyle   string  可选   tabBar上边框的颜色仅支持black/white

    List  array 必选  tab的列表详见list属性说明

    position  string   可选   可选值bottom、top

    其中list 接受一个数组,数组中的每一个项都是一个对象,其属性值如下:

    属性

    类型

    必填

    说明

    pagePath

    String

     是

    页面路径,必须在pages中先定义

    text

    String

    tab上按钮文字

    IconPath

    String

     图片路径,icon大小限制为40kb,建议尺寸为81px*81培训,当position为top时,此参数无效,不支持网络图片。

    selectedIconPath

    String

    选中时的图片路径,icon大小限制为40kb,建议尺寸为81px*81培训,当position为top时,此参数无效

     networkTimeout    可以设置各种网络请求的超时时间

    属性

    类型

    必填

    说明

    request

    Number

    wx.request的超时时间,单位毫秒60000

    connectSocket

    同上

    同上

    wx.connectSocket  

    同上

    uploadFile

    同上

    同上

    wx.uploadFile

    downloadFile

    同上

    同上

    wx.downloadFile

     Debug   可以在开发者工具中开启debug模式,在开发工具的控制台面板,调试信息已以info的形式给出,其信息有page的注册,页面路由,数据更新,事件触发。可以帮助开发者快速定位一些常见的问题。

     page.json  

    每一个小程序页面也可以使用.json文件来对本页面的窗口表现进行配置。页面配置比app.json全局配置简单的多,只是设置app.json中的window配置项的内容。页面中配置项会覆盖app.jsonwindow中相同的配置项。

    页面的.json只能设置window相关的配置项,以决定本页面的窗口表现,所以无需写window这个键,如:

    navigationBarBackgroundColor 、navigationBarTextStyle  、navigationBarTitleText、backgroundColor、backgroundTextStyle、enablePullDownRefresh、disableScroll(设置为true则页面整体不能上下滚动,值在page.json 中有效,无法再app.json中设置该项)、onReachBottomDistance 等属性。

    {

      "navigationBarBackgroundColor": "#ffffff",

      "navigationBarTextStyle": "black",

      "navigationBarTitleText": "微信接口功能演示",

      "backgroundColor": "#eeeeee",

      "backgroundTextStyle": "light"

    }

     

    工具配置project.config.json  通常大家在使用一个工具的时候都会针对各自喜好做一些个性配置,例如:界面颜色、编译配置等等。

    展开全文
  • 全局配置:app.json 微信小程序的全局配置保存在app.json文件中。开发者通过使用app.json来配置页面文件(pages)的路径、窗口(window)表现、设定网络超时时间值(networkTimeout)以及配置多个切换页(tarBar)...

    全局配置:app.json

      微信小程序的全局配置保存在app.json文件中。开发者通过使用app.json来配置页面文件(pages)的路径、窗口(window)表现、设定网络超时时间值(networkTimeout)以及配置多个切换页(tarBar)等。

      首先看一个典型的全局配置app.json文件

    复制代码
    {
      "pages": [
        "pages/index/index",
        "pages/logs/logs",
        "pages/demo/demo"
      ],
      "window": {
        "backgroundTextStyle": "light",
        "navigationBarBackgroundColor": "#fff",
        "navigationBarTitleText": "WeChat",
        "navigationBarTextStyle": "black"
      },
      "tarBar": {
        "list": [{
          "pagePath":"pages/index/index",
          "text": "首页"
        },{
          "pagePath": "pages/logs/logs",
          "text": "日志"
        },{
          "pagePath": "pages/demo/demo",
          "text": "demo"
        }]
      },
      "networkTimeout": {
        "request": 20000,
        "connectSocket": 20000,
        "uploadFile": 20000,
        "downloadFile": 20000
      },
      "debug":true
    }
    复制代码

      全局配置项及描述如下表:

      

      1.pages配置项

      接受一个数组,每一项都是字符串,来指定小程序由哪些页面组成。每一项代表对应页面的【路径+文件名】信息。

      pages配置项要注意三点:

      1)数组的第一项用于设定小程序的初始页面。

      2)小程序中新增/减少页面,都需要对pages数组进行修改。

      3)文件名不需要写文件后缀。小程序框架会自动去寻找路径.json、.js、.wxml、.wxss这四类文件进行整合。

       2.window配置项

      用于设置小程序的状态栏、导航条、标题、窗口等对象的颜色、背景色、内容属性,非必填配置项。没有配置时将使用默认值。window可配置的对象见下表。

      

      注:HexColor为十六进制颜色值类型,如“#ff00ff”

      3.tarBar配置项

      小程序可以是多标签页切换的应用,需要通过tarBar配置项来指定标签页的表现,及标签页切换时所显示的对应页面。

      

      tarBar配置项接受多个对象的设定,其中的对象list是一个数组,用于配置标签页。最少配置2个、最多配置5个,标签页按数组的顺序排序。当设置 position 为 top 时,将不会显示 icon。

      其中list接受数组值,数组中的每一项也都是一个对象,其属性值如下:

      

      

      4.networkTimeout配置项

      networkTimeout配置项用于设置各种网络请求对象的超时时间,非必须配置项。可设置的网络请求超时的相关对象有request、connectSocket、uploadFile、downloadFile。超时的单位均为毫秒。这些超市若不设置,则默认使用操作系统内核或遵循服务器WebServer的设定值。

      

      5.debug配置项

      debug配置项用于开启开发者工具的调试模式,他接受一个boolean值(默认是false)。开启后,页面(page)的注册、页面路由、数据更新、事件触发等调试信息将以info的形式,输出在“调试”功能的console面板上。

      注意:正式发布时应当关闭此配置项开关。

     

     

    页面配置:page.json

      除了全局的app.json配置外,还可以用.json文件对小程序项目中的每一个页面进行配置,但只能设置本页面的window配置项的内容,页面.json文件中的window配置值将覆盖app.json中的配置值。

      

     

    展开全文
  • 小程序框架学习3——(page.json

    千次阅读 2018-02-01 23:02:17
    3、page.json 每一个小程序页面也可以使用.json文件来对本页面的窗口表现进行配置 页面的配置比app.json全局配置简单得多,只是设置 app.json 中的 window 配置项的内容 页面中配置项会覆盖 app.json ...
    3、page.json

    • 每一个小程序页面也可以使用.json文件来对本页面的窗口表现进行配置
    • 页面的配置比app.json全局配置简单得多,只是设置 app.json 中的 window 配置项的内容
    • 页面中配置项会覆盖 app.json 的 window 中相同的配置项
    • 页面的.json只能设置 window 相关的配置项,以决定本页面的窗口表现,所以无需写 window 这个键
    • 属性
    属性 类型 默认值 描述
    navigationBarBackgroundColor HexColor #000000 导航栏背景颜色,如"#000000"
    navigationBarTextStyle String white 导航栏标题颜色,仅支持 black/white
    navigationBarTitleText String
    导航栏标题文字内容
    backgroundColor HexColor #ffffff 窗口的背景色
    backgroundTextStyle String dark 下拉背景字体、loading 图的样式,仅支持 dark/light
    enablePullDownRefresh Boolean false 是否开启下拉刷新,详见页面相关事件处理函数
    disableScroll Boolean false 设置为 true 则页面整体不能上下滚动;只在 page.json 中有效,无法在 app.json 中设置该项
    onReachBottomDistance Number 50 页面上拉触底事件触发时距页面底部距离,单位为px


    {
    "navigationBarBackgroundColor": "#ffffff",
    "navigationBarTextStyle": "black",
    "navigationBarTitleText": "微信接口功能演示",
    "backgroundColor": "#eeeeee",
    "backgroundTextStyle": "light"
    }





    展开全文
  • 微信小程序:页面配置 page.json 一、页面配置 page.json 如果整个小程序的风格是蓝色调,那么可以在app.json里边声明顶部颜色是蓝色即可。 实际情况可能不是这样,可能你小程序里边的每个页面都有不一样的色调来...

    微信小程序:页面配置 page.json

    一、页面配置 page.json

    如果整个小程序的风格是蓝色调,那么可以在 app.json 里边声明顶部颜色是蓝色即可。

    实际情况可能不是这样,可能你小程序里边的每个页面都有不一样的色调来区分不同功能模块,因此我们提供了 page.json,让开发者可以独立定义每个页面的一些属性,例如刚刚说的顶部颜色、是否允许下拉刷新等等。

    每一个小程序页面也可以使用.json文件来对本页面的窗口表现进行配置。

    页面的配置只能设置 app.json 中部分 window 配置项的内容,页面中配置项会覆盖 app.json 的 window 中相同的配置项。

    页面配置项列表:

    {
      "navigationBarBackgroundColor": "#ffffff",
      "navigationBarTextStyle": "black",
      "navigationBarTitleText": "微信接口功能演示",
      "backgroundColor": "#eeeeee",
      "backgroundTextStyle": "light"
    }

    注:页面的.json只能设置 window 相关的配置项,以决定本页面的窗口表现,所以无需写 window 这个键

     

    转载于:https://www.cnblogs.com/lizm166/p/9547909.html

    展开全文
  • 小程序app.json配置文件 (1)小程序/全局配置文件 小程序根目录下的 app.json 文件用来对微信小程序进行全局配置 文件内容本质就是一个 JSON 对象。 (2)小程序/全局配置文件------>pages属性 作用: 用于指定小...
  • 页面配置 page.json 这里的 page.json 其实用来表示 pages/logs 目录下的 logs.json 这类和小程序页面相关的配置。 如果你整个小程序的风格是蓝色调,那么你可以在 app.json 里边声明顶部颜色是蓝色即可。...
  • 微信小程序-page.json中设置背景色不生效解决办法
  • uni-app page.json配置文件

    千次阅读 2019-12-26 22:04:06
    page.json 文件用来对uni-app进行全局配置,决定页面文件的路径、窗口样式、原生导航栏、底部的原生tabBar。 以下是一些常用配置: globalStyle globalStyle用于设置应用的状态栏、导航条、标题、窗口背景颜色...
  • 为什么我们写完 底部菜单会不出来呢  明明我们写的是对的,为啥不出现呢 其实就是因为我们的 tarBar中的list的数组里 并没有我们 pages 数组中的第一个参数 我们需要将第一个参数也设置到我们的tabBar里 ...
  • 二、 page.json 页面的配置只要设置app.json中的Window配置项的内容,页面中配置项会覆盖app.json的Window中相同的配置项 因为只设置window相关配置项,所以无需写window这个键 相交于app.json多了...
  • 当同时存在页面 a.vue 和 a.nvue 时, 在 pages.json 中设置 app-plus 配置,编译成 app 时优先使用 a.nvue 页面,且 app-plus 二级页面配置中只有 titleNView 有作用,pullToRefresh 、scrollIndicator、bounce ...
  • 关于package.json和package-lock.json的区别

    千次阅读 2018-12-11 16:29:31
    5.0以后的node.js,在安装项目的时候,会产生package-lock.json文件。这个package-lock.json文件,与之前的package.json文件有什么区别吗? 答案: package.json文件记录你项目中所需要的所有模块。当你执行npm ...
  • net.sf.json.JSON的一般使用说明

    千次阅读 2017-12-12 19:14:24
    注意:net.sf.json.JSON是根据pojo里面的get方法来转json对象的,如果你需要几个连载一起的属性,只需要写 public String getName({  return region+subarea+province ; }) 就多一个name属性的值,而无需...
  • 在 ios 真机运行下,给 nvue 页面配置 pullToRefresh 会导致 app 卡死退出,其他情况正常,即 android 真机运行环境以及 vue 页面正常 解决方法:去掉 nvue 页面的 pullToRefresh 配置即可 ...
  • 运行uni-app报错:sitemap.json Error: 未找到入口 sitemap.json 文件 解决方案: 1、在dist根目录下添加一个sitemap.json 文件 2、打开dist/dev/mp-weixin/sitemap.json文件...“page”: “path/to/page”, “par...
  • uni-app运行到微信小程序报错[ pages/index/index.json 文件内容错误] pages/index/index.json: [“usingComponents”][“u-navbar”] 未找到 这是由于引用了第三方UI库,比如uview,pages.json配置easycom规则(按需...
  • 早上打开开发者工具就一直报 “[app.json 文件内容错误] app.json:未找到["pages][0]对应 pages/xx/xx.wxml文件” 这个错误。 把页面文件路径改了又改,开发工具也重启几次都无济于事。 上网查了些资料,找到一个...
  • 微信小程序开发过程中遇到此问题,记录一下解决过程 先po一下报错信息 ...2.app.json 中的声明顺序,app.json里面的路由填写顺序,如一般二级界面就写在一级界面的下面,千万别写在末尾 这两个问题...
  • cnpm 不受package-lock.json影响

    千次阅读 2018-11-21 15:28:40
    我们知道package-lock.json是用来锁定安装时的包的版本号,如果你之前用npm 安装产生了package-lock.json,后面的人用cnpm来安装你的package.json、package-lock.json安装可能会跟你安装的依赖包不一致,这是因为...
  • 微信小程序的app.json配置(三)

    千次阅读 2017-05-09 15:52:26
    networkTimeout 可以设置各种网络请求的超时时间。 属性说明: ...可以在开发者工具中开启 debug 模式,在开发者工具的控制台面板,调试信息以...page.json 每一个小程序页面也可以使用.json文件来对本页面的窗
  • Collecting package metadata (current_repodata.json): done Solving environment: failed Collecting package metadata (repodata.json): done Solving environment: failed PackagesNotFoundError: Th...
  • 最近忙啊忙啊。...1、首先你需要有一个Newtonsoft.Json.dll,下载地址在这:http://json.codeplex.com/,下载最新版本的,解压后到Bin目录找你对应版本的Newtonsoft.Json.dll,我的是.Net 3.5所以去Net35
  • Uni-App - 配置文件 - pages.json

    千次阅读 2019-02-19 12:49:18
    pages.json pages.json 文件用来对 uni-app 进行全局配置,决定页面文件的路径、窗口表现、设置多 tab 等。 pages.json 配置项列表 globalStyle Object 否 设置默认页面的窗口表现 pages Object Array 是 ...
  • pages.json 解析失败

    千次阅读 2020-09-29 14:42:12
    我在使用uniapp删除模板上的文件时,在pages.json和app.json上都进行了删除,文件删除,出现pages.json 解析失败,不能撤回,百度了网上的问题,总结了最大的原因是语法上,我的问题是注释是成对出现的,如下图成对...
  • 错误:page[pages/XXX/XXX] not found.May be ... Forgot to add page route in app.json.2. Invoking Page() in async task.  原因:①有的页面没有写Page({})  ②app.json中的配置页面路径的先后顺序  ③
  • 微信小程序中的pages.json的作用

    千次阅读 2018-03-27 22:41:31
    微信小程序中的pages.json的作用 各个页面的json文件,和全局的json文件作用一样。解释:pages.json文件和app.json文件的作用是一样的,但是呢,pages.json文件会覆盖掉app.json的配置。而且,pages.json页面中配置...
  • 微信小程序not been declared in app.json.

    千次阅读 2020-08-21 16:51:55
    pages/index/main has not been declared in app.json. Uncaught Error: APP-SERVICE-Engine:pages/index/main has not been declared in app.json. at new t (VM24 WAService.js:18) at Object.t.pageHolder ...
  • Newtonsoft.Json取json字符串中的值得用法 看红色的部分就可以了 using System;...//先引入这两个命名空间using Newtonsoft.Json.Converters;using System.Data;using Redsz.DAO;public class AddShopOnly : I

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 217,719
精华内容 87,087
关键字:

page.json