精华内容
下载资源
问答
  • 微信小程序app.json

    2018-05-11 08:01:45
    刚接触微信小程序,现在处于初学者状态,下面就给大家列举一些我在写程序是感觉重要的一些内容!我们可以看到在项目的根目录有一个 app.json 和 project.config.json,此外在 pages/logs 目录下还有一个 logs.json,...

    微信小程序

    我们初学微信小程序,需要对里边的一些自带的配置很清楚,才能更好的处理和运用微信小程序,创造出一个好的程序。

    我们可以看到在项目的根目录有一个 app.json 和 project.config.json,此外在 pages/logs 目录下还有一个 logs.json,

    小程序配置 app.json

    app.json 是对当前小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。QuickStart 项目里边的 app.json 配置内容如下:

    代码:

    "pages":[  
       "pages/index/index",  
       "pages/logs/logs"  
     ],  
     "window":{  
       "backgroundTextStyle":"light",  
       "navigationBarBackgroundColor": "#fff",  
       "navigationBarTitleText": "WeChat",  
       "navigationBarTextStyle":"black"  
     }  

    1. pages字段 —— 用于描述当前小程序所有页面路径,这是为了让微信客户端知道当前你的小程序页面定义在哪个目录。
    2. window字段 —— 小程序所有页面的顶部背景颜色,文字颜色定义在这里的。

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

      tabbar: {
          color: "#000000",
          selectedColor: "#0f87ff",
          backgroundColor: "#ffffff",
          borderStyle: "black",
          list: [
            {
              "pagePath": "../index/index",
              text: "首页",
              iconPath: "../../images/s.png",
            },
            {
              "pagePath": "../personal/personal",
              text: "个人信息",
              iconPath: "../../images/c.png",
            }
          ],
    来对菜单项进行设置,这就是简单是微信小程序入门。

    展开全文
  • 第4课 微信小程序app.json目录结构解析: app.json全局配置文件内容详解: //json里面不能写注释不然会报错,运行时需把注释删除 { "pages": [ //页面路径都需要写入pages中 "pages/logs/logs", "pages/index1/...

    第4课 微信小程序app.json目录结构解析:

    在这里插入图片描述

    app.json全局配置文件内容详解:

    //json里面不能写注释不然会报错,运行时需把注释删除
    {
      "pages": [  //页面路径都需要写入pages中
        "pages/logs/logs",
        "pages/index1/index1",
        "pages/index2/index2",
        "pages/index3/index3"
      ],
      "window": { //用于设置小程序全局的状态栏、导航条、标题、窗口背景色。
        "backgroundTextStyle": "light", //下拉刷新 loading 的样式
        "enablePullDownRefresh":true,    //是否开启下拉刷新:是
        "navigationBarBackgroundColor": "#fff",
        "backgroundColor":"#000",	//下拉刷新背景颜色
        "navigationBarTitleText": "WeChat",
        "navigationBarTextStyle": "black"
      },
      "tabBar":{  //底部或顶部有 tab 栏可以切换页面
        //"position": "top",  //加上这个表示顶部tab 不会显示tab小图标
        "list":[
          {
            "pagePath": "pages/index2/index2", //tab显示的页面
            "text": "首页", //tab名称
            "iconPath": "img/sy.png",   //tab图片样式
            "selectedIconPath": "img/sy1.png" //选中时tab图片样式
          },
          {
            "pagePath": "pages/index1/index1",
            "text": "我的",
            "iconPath":"img/atm.png",
            "selectedIconPath":"img/atm1.png"
          }
        ]
      },
      "sitemapLocation": "sitemap.json"
    
    }
    

    效果图如下:

    在这里插入图片描述

    展开全文
  • 小程序根目录下的 app.json 文件用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。 以下是一个包含了部分常用配置选项的 app.json : { "pages": [ "pages/in...

    app.json配置项:

    1. pages 路由
    2. window 设置状态栏、导航条、标题、窗口
    3. 以nav开头的是配置导航条相关
    4. tabbar 导航

    小程序根目录下的 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,
      "navigateToMiniProgramAppIdList": [
        "wxe5f52902cf4de896"
      ]
    }
    

    页面配置

    每一个小程序页面也可以使用同名 .json 文件来对本页面的窗口表现进行配置,页面中配置项会覆盖 app.json 的 window 中相同的配置项。

    {
      "navigationBarBackgroundColor": "#ffffff",
      "navigationBarTextStyle": "black",
      "navigationBarTitleText": "微信接口功能演示",
      "backgroundColor": "#eeeeee",
      "backgroundTextStyle": "light"
    }
    
    展开全文
  • 微信小程序 app.json详解

    千次阅读 2017-04-14 22:14:24
    大家使用app.json文件对微信小程序进行全局配置。可以决定页面文件的路径、窗口表现、设置网络的超时时间、设置tab等。app.json文件的配置属性有 1.pages,数据类型是Array,功能:设置页面的路径.这个属性必须有 2....

    大家使用<bold>app.json</bold>文件对微信小程序进行全局配置。可以决定页面文件的路径、窗口表现、设置网络的超时时间、设置tab等。app.json文件的配置属性有

    1.pages,数据类型是Array,功能:设置页面的路径.这个属性必须有

    2.window:数据类型:Object.功能:设置默认页面的窗口表现.这个属性可有可有

     window可以设置的属性有以下5个:navigationBarBackgroundColor   navigationBarTextStyle  navigationBarTitleText  backgroundColor backgroundTextStyle

    3.tabBar:数据类型:Object.功能:设置底部tab表现这个属性可有可无

     tabBar可以设置的属性有color selectedColor backgroundColor  borderStyle list

    4.networkTimeout:数据类型:Object 功能:设置网络超时时间.这个属性可有可无

    networkTImeout可以设置的属性有request connectedSocket uploadFile downloadFile

    5.debug:数据类型:Boolean.功能:设置debug功能是否开启.这个属性可有可无.

    以下json文件,包含以上5个属性.

    {

    “pages”:[

    "pages/index/index",

    "pages/logs/logs/index"],

    "window":{
    },

    "tabBar":{

    "list":[

    {

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

    "text":"首页"
    },

    {

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

    "text":日志

    }]

    },

    "networkTimeout":{
    "request":10000,

    "downloadFile":10000

    },


    "debug":true

    }
    <strong>研究一个属性从以下角度考虑1.:属性值的类型2.属性的默认值3.属性的功能

    展开全文
  • 这几年,大家在用《微信开发者工具》开发微信小程序的时候,会遇到一个很诡异的问题,就是【[ app.json 文件内容错误] app.json: 未找到 ["pages"][11] 对应的 pages/eee/eee.wxml 文件】。 咱们一般建立小程序页面...
  • 微信小程序app.json如何配置

    万次阅读 2017-01-17 14:58:11
    app.json文件来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。以下是一个包含了所有配置选项的简单配置app.json :{ "pages": [ "pages/index/index", "pages/logs...
  • 这里以mpvue为例子说明一下,基本跟小程序app.json中一样,只是pages数组中第一个字符串去掉’^’ 说明几点 小程序中新增/减少页面,都需要对 pages 数组进行修改。 tabBar 是一个数组,只能配置最少2个、最多5...
  • 微信小程序app.json配置详解

    千次阅读 2018-08-20 10:46:03
    app.json 配置项列表   Pages属性 接受一个数组,每一项都是字符串,来指定小程序由哪些页面组成。每一项代表对应页面的【路径+文件名】信息  数组的第一项代表小程序的初始页面。小程序中新增、减少页面,...
  • window: 全局的默认窗口表现,定义小程序多有页面的顶部背景颜色、3. 文字颜色定义等 tabBar: 底部 tab networkTimeout: 网络超时时间 debug: 是否开启 debug 模式,默认关闭 functionalPages: 是否启用插件...
  • 官方文档给的是 "window":{ "backgroundColor": "#000" } 但是不生效,可以直接在wxss中设置 page{ "backgroundColor": "#000", }
  • 小程序app.josn中不能有注释,否则报错,删除注释即可
  • 一、删掉过app.json 文件,你看着程序结构树,想当然在Utils路径下新建app.json,这是不对的 二、app.json位置不对,正确的app.json,应该在项目文件夹第一层。 三、导入项目后project.config.json文件被微信...
  • -导入之前项目根目录下的project.config.json文件: { "description": "A WePY project", "setting": { "urlCheck": true, "es6": false, "postcss": false, "minified": false }, "compileType": ...
  • 1、微信小程序使用ext.json 在项目根目录定义ext.json文件 ext.json { "extEnable": true, "ext": { "shopId": 20 } } 然后 if (wx.getExtConfig) { wx.getExtConfig({ success(res) { console.log(res...
  • 微信小程序 app.json中的window backgroundTextStyle:下拉活动所展示的样式,只有dark和light俩种可以选,一个深色,一个浅色,对应诸如下拉刷新这样的行为所展示的样式。 navigationBarBackgroundColor:顶部导航栏...
  • 是由于根目录下的project.config.json文件中的“miniprogramRoot”未找到app.json所导致的,改成如下路径 "miniprogramRoot": "./dist/weapp", 若还是出错,直接修改dist路径下的project.config.json,添加 ...
  • app.js是小程序的脚本代码。 我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。调用框架提供的丰富的API,如本例的同步存储及同步读取本地数据。想了解更多可用 API,可参考 API 文档 //app.js ...
  • 微信小程序app.json与tabBar

    千次阅读 2019-06-06 21:56:19
    app.json文件是小程序的全局配置文件,主要包含了小程序所有页面的路径地址、导航栏样式等。 文件内容为一个 JSON 对象,有以下属性: 1.pages(必填,其余所有属性都不是必须的) 用于指定小程序由哪些页面组成,...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 36,762
精华内容 14,704
关键字:

微信小程序app.json

微信小程序 订阅