微信小程序-组件-组件概述

2018-06-07 阅读量

1.组件定义

组件是视图层的基本组成单元;
组件自带一些功能与微信风格的样式;
一个组件通常包括开始标签和结束标签，属性用来修饰这个组件，内容在两个标签之内;

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

2.属性类型

类型	描述	注释
Boolean	布尔值	组件写上该属性，不管该属性等于什么，其值都为true，只有组件上没有写该属性时，属性值才为false。如果属性值为变量，变量的值会被转换为Boolean类型
Number	数字	1,2.5
String	字符串	‘string’
Array	数组	[1,’string’]
Object	对象	[key:value]
EvenHandler	事件处理函数名	“handlerName” 是 Page中定义的事件处理函数名
Any	任意属性

3.共同属性类型

属性名	类型	描述	注释
id	String	组件的唯一标示	保持整个页面唯一
class	String	组件的样式类	在对应的 WXSS 中定义的样式类
style	String	组件的内联样式	可以动态设置的内联样式
hidden	Boolean	组件是否显示	所有组件默认显示
data-*	Any	自定义属性	组件上触发的事件时，会发送给事件处理函数
bind /catch	EventHandle	组件的事件

4.组件列表

视图容器:
    view 视图容器
    scroll-view 可滚动视图容器
    swiper 滑块视图容器
基础内容：
    icon 图标
    text 文字
    progress 进度条
表单(From):
    button 
    form 表单
    input 输入框
    checkbox 多项选择器
    radio    单项选择器
    picker 列表选择器
    picker-view 内嵌列表选择器
    slider    滚动选择器
    switch 开关选择器
    label    标签
导航:
    navigator 应用链接
多媒体:
    audio
    image
    video
地图:
    map
画布：
    canvas

参考资料:
1.基础组件

2.W3C-小程序开发文档