首页 / 更多教程 / 微信小程序开发(全局配置文件)
微信小程序开发(全局配置文件)
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了微信小程序开发(全局配置文件),小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1884字,纯文字阅读大概需要3分钟。
内容图文
![微信小程序开发(全局配置文件)](/upload/InfoBanner/zyjiaocheng/618/c02470119d42434492ee20a467ec9875.jpg)
首发于公众号:全栈开发日记
pages字段
作用:控制页面目录。
在小程序开发时,每个页面都对应一个目录,每个目录又分别有wxml
、wxss
、js
和json
四个文件。详细说明可查看后续文章介绍,本文主要详解全局配置文件。
该字段内容是一个字符串形式数组,数组中每一个元素代表一个页面。快捷键CTRL
+S
保存后会自动生成对应目录和页面。
window字段
作用:控制小程序顶部背景颜色,标题等
该字段内容是一个json字符串,key和value都需要用引号包含。
"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:被点击后的图标图片
内容总结
以上是互联网集市为您收集整理的微信小程序开发(全局配置文件)全部内容,希望文章能够帮你解决微信小程序开发(全局配置文件)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。