1.基础组件:
什么是组件:
<ul>
<li>组件是视图层的基本组成单元。</li>
<li>组件自带一些功能与微信风格的样式。</li>
<li>一个组件通常包括开始标签
和结束标签
,属性
用来修饰这个组件,内容
在两个标签之内。</li>
</ul>
2.属性类型
<ul>
<li>Boolean 布尔值 组件写上该属性,不管该属性等于什么,其值都为true
,只有组件上没有写该属性时,属性值才为false
。如果属性值为变量,变量的值会被转换为Boolean类型</li>
<li>Number 数字 1
, 2.5</li>
<li>String 字符串 "string"</li>
<li>Array 数组 [ 1, "string" ] </li>
<li>Object 对象 { key: value } </li>
<li>EventHandler 事件处理函数名 "handlerName"
是 Page中定义的事件处理函数名</li>
<li>Any 任意属性 </li>
</ul>
3.共同属性类型
id
,class
,style
,hidden
,data-*
,bind* / catch*
4.特殊属性
几乎所有组件都有各自定义的属性,可以对该组件的功能或样式进行修饰
5.组件列表
基础组件分为以下八大类:
视图容器(View Container):
view
视图容器 , scroll-view
可滚动视图容器, swiper
滑块视图容器
基础内容(Basic Content):
icon
图标, text
文字, progress
进度条
表单(Form):
button
按钮, form
表单, input
输入框, checkbox
多想选择器, radio
单选器, picker
列表选择器, slider
滚动选择器, switch
开关选择器, label
标签.
操作反馈(Interaction)
action-sheet
上拉菜单
modal
模态弹窗
toast
消息提示框
loading
加载提示符
导航Navigation
navigator
应用链接
多媒体(Media)
audio
音频, image
图片, video
视频
** 地图 **
map
地图
画布Canvas
canvas
画布
flex: vt.折曲,使收缩; vi.玩去,收缩
网友评论