请列举出10个常用的小程序组件,并说明功能:
1、<navigator>组件:路由组件,类似于HTML中的a标签的功能。其中open-type对应于路由相关的API,可以是navigate、reLaunch、redirectTo、navigateBack,除此之外,还可以是exit表示退出小程序。url的路径要使用绝对路径,最前面带有/。
2、<button>组件:按钮组件,用来触发事件,通过一个button组件触发事件,在事件执行的js函数中进行操作。其中button组件中可以通过属性bindtab绑定js函数中的一个事件。也可以用属性form-type=’submit’来表示提交按扭。
3、<editor>组件:在小程序中实现富文本编辑器需要用到editor组件,在editor组件中要给它一个id属性,EditorContext是通过id和一个editor组件关联。
4、<camera>组件:摄像头组件,摄像头的使用需要组件和API配合,当然在使用camera组件时候,必须要通过样式指定一个高度,否则不会显示出来效果。
5、<view>组件:块级组件,代替原来的div标签。
6、<rich-text>组件:富文本标签,可用将字符串解析成对应的标签。 其中rich–text 组件内会屏蔽所有节点的事件。
7、<radio>组件:单选框组件,可用color属性来修改选择时候的颜色,但是radio需要搭配radio-group来使用。
8、<checkbox>组件:多选框组件,可以通过 color属性来修改颜色,但是checkbox需要搭配checkbo-groupx来使用。
9、<icon>组件:图标组件,有三个属性,其中type为icon的类型,string形式的;size为icon的大小,长度单位默认为px;color为icon的颜色,和css样式中的color一样。
10、<input>组件:输入框组件,该组件是原生组件,使用时请注意相关限制。常用的属性有value:输入框的初始内容,string类型,为必填选项;type:input的类型,string类型,默认为text;placeholder:输入框为空时的占位符,string类型,为必填选项。