wechat app 1天

页面组成

[page-name].js

   	页面逻辑文件，用于创建页面对象，以及处理页面生命周期控制和数据处理【逻辑层处理】 	  

[page-name].wxml

		·wxml指的是 wei xin Markup Language
		·用于定义页面中的元素结构的，语法遵循xml语法   **xml语法** 并非是html语法。

[page-name].json

		设置当前页面工作时的window配置，此处会覆盖app.json中的window配置，也就是说只能设置window中设置的属性。

[page-name].wxss

		·wxss指的是 wei xin Style Sheet
		·用来定义页面样式，语法遵循了css语法，扩展了css基本用法和长度单位（主要是rpx响应式像素）

app.json配置

首先是我们对页面的配置  pages 是一个数组，数组里面的第一个child优先显示。
"pages":[
	 "pages/index/index",
	 "pages/logs/logs"
 ]

** window **

		window配置：包括
	"window": {
  		 "navigationBarBackgroundColor": "#ffffff", 	//导航栏背景色
  		 "navigationBarTextStyle": "black",				 //导航栏文字颜色
   		"navigationBarTitleText": "小程序", 				//导航栏文本内容
   		"backgroundColor": "#eeeeee", 					//背景色 会被页面盖住
   		"backgroundTextStyle": "dark",  				//下拉刷新的三个小点点颜色 （只有 light、dark 两种）
      		"enablePullDownRefresh": true 				//是否支持下拉刷新
 },

** tabbar **

	"tabBar": {
   "selectedColor": "#000000",
   "borderStyle": "white",
   "position":"bottom",
   "list": [
     {
       "pagePath": "pages/index/index",
       "text": "Home"
     },
     {
       "pagePath": "pages/logs/logs",
       "text": "Logs"
     }
   ]
 }