初识 uni-app

1 快速上手

知识点：网络请求、模板语法、打开页面和页面传参。

2 基础组件

基础组件分为以下十几大类：

2.1 视图容器（View Container）：

[!NOTE] 组件

view

视图容器，类似于HTML中的div

scroll-view

可滚动视图容器

swiper

滑块视图容器，比如用于轮播banner

match-media

屏幕动态适配组件，比如窄屏上不显示某些内容

movable-area

可拖动区域

movable-view

可移动的视图容器，在页面中可以拖拽滑动或双指缩放。movable-view必须在movable-area组件中

cover-view

可覆盖在原生组件的上的文本组件

cover-image

可覆盖在原生组件的上的图片组件

2.2 基础内容（Basic Content）：

[!NOTE] 组件

icon

图标

text

文字

rich-text

富文本显示组件

progress

进度条

2.3 表单组件（Form）：

[!NOTE] 组件

button

按钮

checkbox

多项选择器

editor

富文本输入框

form

表单

input

输入框

label

标签

picker

弹出式列表选择器

picker-view

窗体内嵌式列表选择器

radio

单项选择器

slider

滑动选择器

switch

开关选择器

textarea

多行文本输入框

2.4 路由与页面跳转（Navigation）：

[!NOTE] 组件
navigator

页面链接。类似于HTML中的a标签

媒体组件（Media）：

audio

音频

camera

相机

image

图片

video

视频

live-player

直播播放

live-pusher

实时音视频录制，也称直播推流

2.5 地图（Map）：

map

地图

2.6 画布（Canvas）：

canvas

画布

2.7 webview（Web-view）：

web-view

web浏览器组件

广告

ad

广告组件

ad-draw

沉浸视频流广告组件

2.8 页面属性配置

custom-tab-bar

底部tabbar自定义组件

navigation-bar

页面顶部导航

page-meta

页面属性配置节点

2.9 uniCloud

unicloud-db组件

uniCloud数据库访问和操作组件