前端初体验-day10

1.了解Uniapp的文件的结构

├─pages                 业务页面文件存放的目录
│  ├─index
│  │  └─index.vue       index页面
├─static                存放应用引用的本地静态资源（如图片、视频等）的目录，注意：静态资源都应存放于此目录
├─main.js               Vue初始化入口文件
├─App.vue               应用配置，用来配置App全局样式以及监听 应用生命周期
├─index.html               所有的vue文件都会解析之后插入index.html文件中进行链接加载(vue的思想是单页面应用->路由(router))
├─manifest.json         配置应用名称、appid、logo、版本等打包信息，详见
├─pages.json            配置页面路由、导航条、选项卡等页面类信息，详见
├─uni.scss              内置的常用样式变量

2.静态书写及动态书写

动态绑定属性：在链接前面加：
静态属性：{{}}

3.组件的基本应用

组件使用的入门教程
组件是视图层的基本组成单元。
组件是一个单独且可复用的功能模块的封装。
每个组件，包括如下几个部分：以组件名称为标记的开始标签和结束标签、组件内容、组件属性、组件属性值。

组件名称由尖括号包裹，称为标签，它有开始标签和结束标签。结束标签的<后面用/来表示结束。结束标签也称为闭合标签。如下面示例的是开始标签，是结束标签。
在开始标签和结束标签之间，称为组件内容。如下面示例的content
开始标签上可以写属性，属性可以有多个，多个属性之间用空格分割。如下面示例的property1和property2。注意闭合标签上不能写属性。
每个属性通过=赋值。如下面的示例中，属性property1的值被设为字符串value。

4.uniapp全面认知学习

1.介绍
2.教程
3.各种配置文件的应用方法
4.内置组件是构成页面的基本应用
5.集成了非常多特定的快速实现应用的方法

5.了解pages.json文件

5.1 globalStyle

全局样式配置

5.2 pages

创建页面

根据pages创建的页面来实现tabbar的页面跳转

1.tabar页面

2.普通页面

-> tabBar

5.3 tabBar相关的配置内容

"tabBar": {
		"color": "#000000",
		"selectedColor": "#FF9B27",
		"list": [{
			"pagePath": "pages/index/index",
			"iconPath": "static/img/hometab.png",
			"selectedIconPath": "static/img/hometab2.png",
			"text": "首页"
		}, {
			"pagePath": "pages/location/location",
			"iconPath": "static/img/locationtab.png",
			"selectedIconPath": "static/img/locationtab2.png",
			"text": "位置"
		}, {
			"pagePath": "pages/service/service",
			"iconPath": "static/img/noticetab.png",
			"selectedIconPath": "static/img/noticetab2.png",
			"text": "咨询"
		}, {
			"pagePath": "pages/mine/mine",
			"iconPath": "static/img/mytab.png",
			"selectedIconPath": "static/img/mytab2.png",
			"text": "我的"
		}]
	},