小程序的全局配置app.json
整个配置文件不支持注释,我写注释是为了同学理解{
#pages添加页面路由的,添加一个路由,就是添加一个页面,谁的路径在第一个谁就是首页
"pages": [
"pages/test/test",
"pages/index/index",
"pages/logs/logs"
],
# "window":主要是配置下拉刷新和头部,以navigation开头的设置是头部,如果要下拉的出来,必须enablePullDownRefresh把这个配置设置成true
"window": {
"backgroundTextStyle": "dark", # 下拉刷新的三个点(light/dark)
"enablePullDownRefresh": true,
"navigationBarBackgroundColor": "#333", # 头部背景颜色
"navigationBarTitleText": "python13期", # 头部文字
"navigationBarTextStyle": "white" # 文字颜色(black/white)
},
# tabBar :主要是配置页面下部的导航。显示顺序是和list里面的顺序一致,list里面最少两项,最多5项。
# 如果页面不在tabBar的list里面,就不会出现导航
"tabBar": {
"color": "#ffffff", # 导航字体颜色
"selectedColor": "#FFB6C1", ¥# 导航字体被点击后的颜色
"backgroundColor": "#333", # 导航栏背景颜色
"borderStyle": "white", # 边框颜色
"list": [{
"pagePath": "pages/index/index", # 导航路径
"text": "index页面", # 导航页说明
"iconPath": "images/icon-2.png", # 导航图路径
"selectedIconPath": "images/icon-2-sed.png" # 导航后图片路径
},
{
"pagePath": "pages/test/test",
"text": "test页面",
"iconPath": "images/icon1.png",
"selectedIconPath": "images/icon1-sed.png"
}
]
},
} 小程序的页面配置,页面.json #这个里可以对app.json中的window进行覆盖,如果页面没有配置就走全局,页面配置了,就走页面。但是页面的配置不需要加window,直接配置
{
"usingComponents": {},
"navigationBarTitleText":"test144"
} 小程序的数据绑定
页面的js
// pages/test/test.jsPage({
/**
* 页面的初始数据,初话数据是卸载data,里面的。
*/
data: {
msg:\'own is sb\',
name:"tank",
num :12,
num1:1,
flag:false,
name_list:[{"name":"jason",love:"piao"},{name:"tank",love:"own"},{name:"egon",love:"洗脚"}],
tank:{name:"tank",love:"own"},
color:"blue"
},
})