微信小程序之组件

id

class

style

hidden Boolean 默认显示

data-*自定义属性  组件上触发的事件时，会发送给事件处理函数

bind*/catch*   EventHandler 组件的事件

组件的公共属性

view视图容器

scroll-view可滚动视图容器

swiper可滑动的视图容器

movable-view:可移动的视图容器

movable-area

cover-view：覆盖在原生组件之上的文本视图，可覆盖map\\video\\canvas\\live-player\\live-pusher

cover-image：覆盖在原生组件之上的图片视图，可覆盖的原生组件同cover-view

match-media

page-container：页面容器

share-element

swiper-item

视图容器View Container

icon图标

text文字

progress进度条

rich-text

基础内容BasicContent

button按钮

form表单

input输入框

checkbox多项选择器

radio单项选择器

picker列表选择器

picker-view内嵌列表选择器

slider滑动选择器

switch开关选择器

label标签

textarea

editor

表单form

navigator应用内跳转

navigation-bar

导航Navigation

audio音频

image图片

video视频

camera

live-pusher

live-player

voip-room

多媒体Media

map地图

地图Map

canvas画布

画布Canvas

contact-button进入客服会话按钮

客服回话

基础组件八大类

组件是视图层的基本组成单元

组件自带一些功能与微信风格一致的样式

一个组件通常包括 开始标签和结束标签，属性用来修饰这个组件，内容在两个标签之内

注意：所有组件与属性都是小写，以连字符 -  连接

什么是组件

Boolean布尔值：组件上该属性，不管是什么值都被当做true；只有组件上没有该属性时，属性值才是false。如果属性值为变量，变量的值会被转换为Boolean类型

Number数字

String字符串

Array数组

Object对象

EventHandler事件处理函数名

Any任意属性

属性类型

微信小程序之组件