<p font-size:16px;color:#4d4d4d;background-color:#ffffff;"="" style="word-wrap: break-word; font-family: "sans serif", tahoma, verdana, helvetica; font-size: 12px; white-space: normal;">效果
跨端（APP、各种小程序、H5）开发结构，总十个渠道
特点
1、运用了vue语法
2、小程序的组件模式
3、经过uni-app一致各端api
4、编译出各端的源代码
目录结构
1、package.json 页面程序的目录的装备
2、main.js 程序的入口
3、App.js 根组件
4、static 静态资源目录
index/index.vue 首页
5、components 组件寄存目录（不需要注册）
6、wxcomponnets 微信专用组件寄存目录
运转编译环境准备
H5
App
1、下载app模拟器
2、装备端口
运转-运转到手机或模拟器-Android模拟器端口设置
3、运转
1.翻开模拟器
2.运转-运转到手机或模拟器-运转项目xxx到xxx模拟器
微信
1、下载并安装微信开发工具
2、微信开发工具-设置-安全设置-服务器端口敞开
3、HBuilderX-运转-运转到小程序模拟器-运转设置-小程序开发者工具路径
index.vue页面分析
template模板，script业务逻辑，style样式
常用组件
1、view 块元素
2、text行内元素
3、navigate 导航
条件编译
常用条件
1、view 块元素
2、text行内元素
3、navigate 导航
<p font-size:16px;color:#4d4d4d;background-color:#ffffff;"="" style="word-wrap: break-word; font-family: "sans serif", tahoma, verdana, helvetica; font-size: 12px; white-space: normal;">page.json
pages 页面配置
path：xxx/xxx 途径
style 样式（glovalStyle 配值相同）
globalStyle 大局配置
1、“navigationBarTextStyle”: “black”, 导航文字色彩
2、“navigationBarTitleText”: “uni-app”, 导航标题
3、“navigationBarBackgroundColor”："#F8F8F8", 导航布景色彩
4、“backgroundColor”: “#F8F8F8” 页面布景色彩
内置组件
1、view 块
2、tex 文本
3、selectable 文字长安可选
4、image 图片
5、navigator 导航
6、swioer 幻灯片
7、swiper-item 幻灯片-一页
扩展组件
uni.request 网络请求
css
height：var(–status-bar-height) 状态栏的高度
