uniapp[精通之作]

第一部分:uniapp，项目目录介绍

1-pages存放整个uniapp所有的页面[页面级的标题会覆盖全局的标题！！]
2-static存放所有的静态资源（比如：字体图标，图片，视频等）
3-unpackage存放打包输出文件
4-APP.vue项目根组件【调用应用的生命周期函数】
5-main.js项目的入口函数【项目首先加载】
6-mainifest.json配置应用打包所需的东西
7-page.json设置整个项目的存放路径和窗口外观
pages第一个path是项目的启动页面
独有的样式可以在某个页面的path路径下面进行新的style[样式]
8-uni.scss常用样式变量

注意点：调用小程序的API接口 前缀是uni 为了兼容多端运行，建议使用flex布局

第二部分：项目的全局配置

globalStyle[项目全局配置]
“navigationBarBackgroundColor” 导航栏背景色
“navigationBarTextStyle” 导航栏标题颜色
“navigationBarTitleText” 标题名称
enablePullDownRefresh 是否支持下拉 false/true
backgroundTextStyle 下拉等待的样式 dark/light

注意点： 如果应用是一个多tab应用，可以通过tabbar配置指定的tab栏表现
tab和globalStyle和pages是同级别的
1：如果在uniapp中的tabbar是顶部tabbar则不会再有图标
2：最少2个 最多五个tabbar
condition启动模式配置：
仅开发期间生效，用于模拟直达页面的的场景
current索引值
list此数组里包含 name path query(给页面传递参数ID)

组件的基本使用
text文本组件
view视图容器组件
表单组件
button checkbox editor form input label picker picker-view radio sllder swic
image组件

第三部分:uniapp的样式

1、rpx响应式单位 也就是屏幕自适应的动态单位
750rpx为一个整屏
2 、@import 可以导入外联样式表的相对路径 用 ; 来结束
3 、支持class id element等选择器 但是不支持通配符 * 选择器
4 、page相当于body
5 、定义在APP.vue中的样式是全局样式[公共CSS可以放在这里]，定义在pages中的样式是局部样式[会覆盖全局样式]
6 、uni中可以使用字体图标
如果小于40KB自动转换为base64格式 如果大于等于40KB则需要自行转换，否则不生效
第一步：全局导入：APP .vue