uni-App第五天：文件

前言：前面已经了解了uni-App从创建到运行的整个流程，现在了解下项目中的每个文件都是什么意思

components：存放组件目录 

pages：所有的页面存放目录

        pages作为一个数组，项目中每一个页面都需要在这个数组中注册，每个页面代表每个对象，第一个作为初始页面

static：静态资源目录，例如图片等

uni_modules：下载下来的组件

unpackage：就是打包目录，在这里有各个平台的打包文件

App.vue： 是我们的跟组件，所有页面都是在App.vue下进行切换的，是页面入口文件，可以调用应用的生命周期函数。

manifest.json：是应用的配置文件，用于指定应用的名称、图标、权限等。

main.js： 是我们的项目入口文件，主要作用是初始化vue实例并使用需要的插件。

uni.scss： 文件的用途是为了方便整体控制应用的风格。比如按钮颜色、边框风格，uni.scss文件里预置了一批scss变量预置。

pages.json：用来注册项目中所有页面，以及全局的一些配置

        

"pages": [ //pages数组中第一项表示应用启动页
		{
			"path": "pages/index/index",
			//这里的style是设置当前页面单独的样式
			"style": {
				"navigationBarTitleText": "我是web端的title信息",
				"navigationBarBackgroundColor": "#5555ff",//设置头部背景颜色
				"enablePullDownRefresh": true,//给首页开启下拉刷新
				"onReachBottomDistance":150,//设置距离底部距离开始触发触底事件
				"h5": {//单独设置H5页面刷新时的样式
					"pullToRefresh": {
						"color": "#7D26CD"
					}
				}
			}
		},
		{
			"path": "pages/timeOut/timeOut",
			"style": {"navigationBarTitleText": "我是倒计时组件"}
		},
]

        globalStyle：对象中设置全局的样式

"tabBar": {
		"color": "#666",
		"selectedColor": "#1296db",
		"list": [
			{
				"text": "首页",
				"pagePath": "pages/index/index",
				"iconPath": "static/images/home.png",//默认图标
				"selectedIconPath": "static/images/home_on.png"//选中时的图标
			},
			{
				"text": "倒计时",
				"pagePath": "pages/timeOut/timeOut",
				"iconPath": "static/images/time.png",//默认图标
				"selectedIconPath": "static/images/time_on.png"//选中时的图标
			},
			{
				"text": "我的",
				"pagePath": "pages/my/my",
				"iconPath": "static/images/my.png",//默认图标
				"selectedIconPath": "static/images/my_on.png"//选中时的图标
			}
		]
	},

如果需要设置tabbar页面的话，在 pages.json 中设置