微信小程序学习笔记（6）--------组件

         组件

基础组件

    组件：组件是视图层的基本组成单元。一个组件通常包括开始标签和结束标签，属性用来修饰这个组件，内容在两个标签之间。

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

基础组建分为八大类

一、视图容器（View Container）

组件名	说明
view	视图容器
scroll-view	可滚动视图容器
swiper	滑块视图容器

    注意：

    使用竖向滚动时，需要给<scroll-view/>一个固定高度，通过wxss设置height

    请勿在 scroll-view 中使用 textarea、map、canvas、video 组件

    scroll-into-view 的优先级高于 scroll-top

    swiper中只可放置<swiper-item/>组件，其他节点会被自动删除，swiper-item仅可放置在<swiper/>组件中，宽高自动设置为100%。

二、基础内容（Basic Content）

组件名	说明
icon	图标
text	文字
progress	进度条

    icon的类型，有效值：success, success_no_circle, info, warn, waiting, cancel,download,

 search, clear

    text:支持转义字符”\”除了文本节点以外的其他节点都无法长按选中。

三、表单组件（Form）

标签名	说明
button	按钮
form	表单
input	输入框
checkbox	多项选择器
radio	单项选择器
picker	列表选择器
slider	滚动选择器
switch	开关选择器
lable	标签

四、操作反馈（interaction）

组件名	说明
action-sheet	上拉菜单

五、导航（Navigation）

组件名	说明
navigator	应用链接

六、媒体组件(Media)

组件名	说明
audio	音频
image	图片
video	视频

七、地图（Map）

组件名	说明
map	地图

八、画布（Canvas）

组件名	说明
canvas	画布