微信小程序的介绍和开发环境需求以及基本配置 (3)

小程序的全局配置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.js
Page({

 /**
  * 页面的初始数据,初话数据是卸载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"
},
})

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zzjysy.html