美文网首页
目录结构<全局配置>

目录结构<全局配置>

作者: 小美人鱼最可爱 | 来源:发表于2018-10-28 10:18 被阅读0次

一个完整的小程序主要由以下几部分组成:

一个入口文件:app.js

一个全局样式:app.wxss

一个全局配置:app.json(决定页面文件路径、窗口表现、设置网络超时时间、设置多tab等)

1.app.json-pages(路径+文件名):

    接受一个数组,每一项都是字符串,来指定小程序有哪些页面组成。新增(减少)都需对pages数组进行修改。

注:文件名不需要加后缀,框架会自动去寻找路径。

2.app.json-windows

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

注1:navigationStyle 只能在app.json中生效,且开启costom后,低配置用户需做好兼容。

 注2:客户端 6.7.2 版本开始,navigationStyle: custom 对 <web-view> 组件无效。

3.app.json-tabBar

若小程序  是一个多tab应用(顶部或底部的tab栏可切换页面),可使用tabBar配置项指定tab栏表现,以及对应的切换页面。

注1:当 position:top  ,不会显示icon。

注2:tabBar中的list为一个数组,配置(2~5),tab按数组的排列顺序。   

4.networkTimeout

设置各种网络请求超时时间

5.debug

快速定位一些常见的问题。

相关文章

  • 目录结构<全局配置>

    一个完整的小程序主要由以下几部分组成: 一个入口文件:app.js一个全局样式:app.wxss一个全局配置:ap...

  • 小程序商城开发

    课程介绍 必备的前端知识点 开发前准备 小程序结构 1、目录 1、文件结构 2、页面目录结构 配置 1、全局配置 ...

  • VueX 学习笔记

    概念 state: getters: mutations: actions: 配置 目录结构 stroe:全局vu...

  • 002.nginx.conf配置以及虚拟站点配置

    1.Nginx目录结构 2.Nginx全局配置 conf/nginx.conf 3.站点配置文件,通过全局配置文件...

  • 小程序学习之知识点汇总

    一 整体结构 图片目录(images)、页面目录(pages)、公共脚本(utils)、全局配置(app.jso...

  • 商城小程序实战

    1.构建目录结构 2.配置入口页面和注意页面 3.设置全局配置 全局设置窗口主题色image.png 4.页面配置...

  • MVP模式做的尝试

    纯粹是个人学习总结,如有不对的地方请吐槽。目录结构 app模块下的目录结构 app目录下放全局配置文件,包括App...

  • VuePress打造静态博客

    目录结构 安装 首页模板配置 全局配置文件config.js 一键部署 1.新建deploy.sh 2.配置 3....

  • hexo的目录结构

    效果预览 今天来整理一下hexo的目录结构,了解hexo每个目录的作用,并且设置全局配置文件 _config.ym...

  • 微信小程序学习

    小程序目录结构: 1.app.js 小程序入口2.app.json 全局配置文件:包括页面路径、全局样式等 3.基...

网友评论

      本文标题:目录结构<全局配置>

      本文链接:https://www.haomeiwen.com/subject/atpftqtx.html