自学uni-app （3）uni-app的常用组件

组件列表

基础组件分为以下八大类：

视图容器（View Container）：

组件名	说明
view	视图容器，类似于HTML中的div
scroll-view	可滚动视图容器
swiper	滑块视图容器

基础内容（Basic Content）：

组件名	说明
icon	图标
text	文字
rich-text	富文本
progress	进度条

表单组件（Form）：

标签名	说明
button	按钮
form	表单
input	输入框
checkbox	多项选择器
radio	单项选择器
picker	弹出式列表选择器
picker-view	窗体内嵌式列表选择器
slider	滑动选择器
switch	开关选择器
label	标签

导航（Navigation）：

组件名	说明
navigator	页面链接。类似于HTML中的a标签

媒体组件（Media）：

组件名	说明
audio	音频
camera	相机
image	图片
video	视频
live-player	直播播放
live-pusher	实时音视频录制，也称直播推流

地图（Map）：

组件名	说明
map	地图

画布（Canvas）：

组件名	说明
canvas	画布

webview（Web-view）：

组件名	说明
web-view	web浏览器组件

各平台专有组件

在小程序平台和weex平台，还有一些专有组件，比如open-data

常用组件

1. 文本类

text

文本组件，用于包裹文本内容。

属性说明

属性名	类型	默认值	说明
selectable	Boolean	false	文本是否可选
space	String		显示连续空格
decode	Boolean	false	是否解码

space 值说明

值	说明
ensp	中文字符空格一半大小
emsp	中文字符空格大小
nbsp	根据字体设置的空格大小

注：

• <text> 组件内只能嵌套 <text>
• 各个操作系统的space标准并不一致。
• 如果使用 <span> 组件编译时会被转换为 <text>。

textarea

多行输入框。

属性说明

属性名	类型	默认值	说明	平台差异说明
value	String		输入框的内容
placeholder	String		输入框为空时占位符
placeholder-style	String		指定 placeholder 的样式
placeholder-class	String	textarea-placeholder	指定 placeholder 的样式类	字节跳动小程序不支持
disabled	Boolean	false	是否禁用
maxlength	Number	140	最大输入长度，设置为 -1 的时候不限制最大长度
focus	Boolean	false	获取焦点	在 H5 平台能否聚焦以及软键盘是否跟随弹出，取决于当前浏览器本身的实现。
auto-height	Boolean	false	是否自动增高，设置auto-height时，st