微信小程序之配置app.json

本人写了一个在线扫码借书的小程序，打算分享一下心得和代码，欢迎关注,再次希望各位大佬指出不足

{"pages": ["pages/index/index","pages/perInfo/updateInfo/updateInfo","pages/help/help"],"window": {"backgroundColor": "#F6F6F6","backgroundTextStyle": "light","navigationBarBackgroundColor": "#FF8C00","navigationBarTitleText": "云图书","navigationBarTextStyle": "white"},"tabBar": {"list": [{"pagePath": "pages/index/index","text": "首页","iconPath": "images/icon-home/find.png","selectedIconPath": "images/icon-home/find1.png"},{"pagePath": "pages/scan/scan","text": "扫一扫","iconPath": "images/icon-home/scan.png","selectedIconPath": "images/icon-home/scan1.png"},{"pagePath": "pages/my/my","text": "我的","iconPath": "images/icon-home/my.png","selectedIconPath": "images/icon-home/my1.png"}]},"sitemapLocation": "sitemap.json","cloud": true
}

上面的pages里面写入页面路径后，程序会在pages目录下自动生成相应的页面，无需自己手动添加
navigationBarTitleText：标题
navigationBarBackgroundColor：设置标题背景色
navigationBarTextStyle：标题字体的颜色
扣扣群聊172842597

其中下面的tabBar中的list至少添加两项
pagePath：目标路径
text：小标题
iconPath：初始照片路径
selectedIconPath：被点击选择后所变化的图片路径，一般与iconPath的图片相同，只是颜色不同

关于透明图片大家可以到 “阿里巴巴矢量库”取搜索自己喜欢的图标，当然也可以通过ps去制作。

微信小程序之配置app.json相关推荐

微信小程序全局配置文件app.json中window:backgroundColor“不生效”
那些年我们一起踩过的坑~ 今天说一下微信小程序全局配置文件app.json中window的backgroundColor属性,设置之后发现没效果. 查了资料发现原来这个backgroundColor属 ...
小程序全局配置(app.json 源码分享)
配置清单: pages:页面路径列表 window:全局的默认窗口表现 tabBar:底部 tab 栏 networkTimeout:网络超时时间 permission:小程序接口权限相关设置 app ...
微信小程序-04-详解介绍.json 配置文件
致我自己:小程序开发不是简单一两天的事,一两天只能算是了解,有时候看多了会烦,感觉很熟悉了,其实只是对表面进行了解,对编程却知之甚少,小程序开发不是简单的改模板,一两天很多部分改模板可能都做不到,坚持 ...
微信小程序—相关配置
目录微信小程序介绍什么是小程序? 小程序可以干什么? 相关资料第一个小程序申请帐号测试号申请安装开发工具你的第一个小程序编译预览目录结构 JSON 配置小程序配置 app.json ...
微信小程序 php配置,微信小程序的配置
我们使用app.json文件来对微信小程序进行全局配置,决定页面文件的路径.窗口表现.设置网络超时时间.设置多 tab 等. 以下是一个包含了所有配置选项的简单配置app.json{ "pa ...
逆战之微信小程序全局配置
微信小程序之全局配置-1 小程序的配置分为全局配置.页面配置及sitemap 配置全局配置小程序根目录下的 app.json 文件用来对微信小程序进行全局配置.文件内容为一个 JSON 对象,有以 ...
php小程序开发实例,微信小程序全局配置开发实例
本文主要和大家分享微信小程序全局配置开发实例,主要以代码的形式和大家分享,希望能帮助到大家. 一.app.json 使用app.json文件来对微信小程序进行全局配置,决定页面文件的路径.窗口表现.设 ...
微信小程序中配置云开发
微信小程序中配置云开发一.配置 app.js 文件 onLaunch() {wx.cloud.init({env: 'cloud1-xxxxxxxxxx', // 云开发环境IDtraceUser ...
微信小程序-页面配置-界面显示部分
微信小程序-页面配置-界面显示部分配置项 singlePage 小结: 每一个小程序页面也可以使用 .json 文件来对本页面的窗口表现进行配置. 页面中配置项在当前页面会覆盖 app.json 的 ...

微信小程序之配置app.json

微信小程序之配置app.json

微信小程序之配置app.json相关推荐

最新文章

热门文章