卓越飞翔博客卓越飞翔博客

卓越飞翔 - 您值得收藏的技术分享站
技术文章64334本站已运行4115

微信小程序全局配置文件教程

全局配置文件指:app.json

pages字段

作用:掌控页面目录

在小程序开发时,每个页面都对应一个目录,每个目录又分别存有wxml、wxss、js和json四个文件。详细表明可查看后续文章了解,本文主要详解全局配置文件。

该字段内容就是一个字符串形式数组,数组中每一个元素代表一个页面。快捷键CTRL+S保存后可以自动生成对应目录和页面

window字段

控制小程序顶部背景颜色,标题等

"window":{     "backgroundTextStyle":"light",     "navigationBarBackgroundColor": "#eb4450",     "navigationBarTitleText": "标题名称",     "navigationBarTextStyle":"white"},
backgroundTextStyle:下拉 loading 的样式,仅支持 dark / light。
navigationBarBackgroundColor:导航系统栏背景颜色,如 #000000。
navigationBarTitleText:导航栏标题文字内容。
navigationBarTextStyle:导航系统栏标题颜色,仅支持 black / white。

更多属性请移步微信对外开放文档中查看。

tabbar字段

掌控导航条的。

"tabBar": {     "color": "#999",     "selectedColor": "#ff2d4a",     "backgroundColor": "#fafafa",     "position": "bottom",     "borderStyle": "black",     "list": [       {         "pagePath": "pages/index/index",         "text": "首页",         "iconPath": "./icon/主页0.png",         "selectedIconPath": "./icon/主页1.png"      },       {         "pagePath": "pages/category/index",         "text": "分类",         "iconPath": "./icon/分类0.png",         "selectedIconPath": "./icon/分类1.png"      },       {         "pagePath": "pages/cart/index",         "text": "购物车",         "iconPath": "./icon/购物车0.png",         "selectedIconPath": "./icon/购物车1.png"      },       {         "pagePath": "pages/user/index",         "text": "我的",         "iconPath": "./icon/我的0.png",         "selectedIconPath": "./icon/我的1.png"      }     ]   },

color:tab 上的文字默认颜色,仅积极支持十六进制颜色。

selectedColor:tab 上的文字选上时的颜色,仅支持十六进制颜色。

backgroundColor:tab 的背景色,仅积极支持十六进制颜色。

position:tabBar 的边线,仅支持 bottom / top。

borderStyle:tabbar 上边框的颜色, 仅积极支持 black / white。

list属性

pagePath:指定点击后要跳转的页面路径

text:表明的页面名称

iconPath:未被点击时的图标图片

selectedIconPath:被点击后的图标图片

卓越飞翔博客
上一篇: Python百度贴吧一键自动签到脚本
下一篇: Python获取抖音关注列表封号账号脚本

相关推荐

留言与评论(共有 0 条评论)
   
验证码:
隐藏边栏