app培训

1、 全局配置和页面配置

用于设置应用的状态栏、导航条、标题、窗口背景色等。详细文档

属性	类型	默认值	描述
navigationBarBackgroundColor	HexColor	#F7F7F7	导航栏背景颜色（同状态栏背景色）
navigationBarTextStyle	String	white	导航栏标题颜色及状态栏前景颜色，仅支持 black/white
navigationBarTitleText	String		导航栏标题文字内容
backgroundColor	HexColor	#ffffff	窗口的背景色
backgroundTextStyle	String	dark	下拉 loading 的样式，仅支持 dark / light
enablePullDownRefresh	Boolean	false	是否开启下拉刷新，详见页面生命周期。
onReachBottomDistance	Number	50	页面上拉触底事件触发时距页面底部距离，单位只支持px，详见页面生命周期

2、 配置tabbar

属性说明：

属性	类型	必填	默认值	描述	平台差异说明
color	HexColor	是		tab 上的文字默认颜色
selectedColor	HexColor	是		tab 上的文字选中时的颜色
backgroundColor	HexColor	是		tab 的背景色
borderStyle	String	否	black	tabbar 上边框的颜色，仅支持 black/white	App 2.3.4+ 支持其他颜色值
list	Array	是		tab 的列表，详见 list 属性说明，最少2个、最多5个 tab
position	String	否	bottom	可选值 bottom、top	top 值仅微信小程序支持

其中 list 接收一个数组，数组中的每个项都是一个对象，其属性值如下：

属性	类型	必填	说明
pagePath	String	是	页面路径，必须在 pages 中先定义
text	String	是	tab 上按钮文字，在 5+APP 和 H5 平台为非必填。例如中间可放一个没有文字的+号图标
iconPath	String	否	图片路径，icon 大小限制为40kb，建议尺寸为 81px * 81px，当 postion 为 top 时，此参数无效，不支持网络图片，不支持字体图标
selectedIconPath	String	否	选中时的图片路径，icon 大小限制为40kb，建议尺寸为 81px * 81px ，当 postion 为 top 时，此参数无效

3、 组件的基本使用

view text button image

4、 组件库 uView

input 输入框

button 按钮

cell 单元格

calendar 日历

select 列选择器

picker 选择器

5、 uni 样式

6、 uni 数据绑定

7、 事件传参

8、uni 生命周期

应用、页面、组件

父页面跳子页面

onPullDownRefresh
onRefreshBottom

组件生命周期与vue相同

9、适配不同端

<!-- #ifdef H5 -->
<view>
H5页面显示
</view>
<!-- #endif -->

<!-- #ifdef MP-WEIXIN -->
<view>
WX页面显示
</view>
<!-- #endif -->

<!-- #ifdef APP-PLUS -->
<view>
APP页面显示
</view>
<!-- #endif -->

10、uni 路由

10、uni 组件创建、导入、通信

定义组件中的属性

组件之间的通讯

通过自定义事件分发到引用的组件中的方法去

11、uni 青岛项目

1. 项目目录结构

2. pc注册方法为微服务