![c13cd936a2d6c33228aeff02b3be86d6.png](https://i-blog.csdnimg.cn/blog_migrate/aa5814ee9e7b7a6baeb750e076044762.jpeg)
视图容器
cover-image(覆盖在原生组件之上的图片视图。);
cover-view(覆盖在原生组件之上的文本视图。);
movable-area(可移动区域);
movable-view(可移动的视图容器,在页面中可以拖拽滑动。必须在 组件中,并且必须是直接子节点,否则不能移动);
scroll-view(可滚动视图区域。使用竖向滚动时,需要给一个固定高度)
swiper(滑块视图容器。其中只可放置组件,否则会导致未定义的行为)
swiper-item(仅可放置在组件中,宽高自动设置为100%。)
view(相当于HTML中的div)
基础内容
icon(图标)
progress(进度条)
rich-text(富文本)
text(文本)
表单组件
button,checkbox,checkbox-group(多项选择器,内部由多个checkbox组成),
form,input(原生组件),textarea(多行输入框。该组件是原生组件,使用时请注意相关限制。),label,
picker(从底部弹起的滚动选择器),
picker-view(嵌入页面的滚动选择器。其中只可放置 picker-view-column组件,其它节点不会显示)
picker-view-column,radio,radio-group(单项选择器,内部由多个 组成)
slider(滑动选择器)
switch(开关选择器)
导航
functional-page-navigator(仅在插件中有效,用于跳转到插件功能页。),navigator(页面链接)
媒体组件
camera(系统相机),image(图片。支持JPG、PNG、SVG格式),video
live-player(实时音视频播放),live-pusher(实时音视频录制)
map(地图),canvas(画布)
open-data(用于展示微信开放的数据,如头像,名称)
web-view(承载网页的容器。会自动铺满整个小程序页面,个人类型与海外类型的小程序暂不支持使用。)
原生组件(小程序中的部分组件是由客户端创建的原生组件)
- camera
- canvas
- input(仅在focus时表现为原生组件)
- live-player
- live-pusher
- map
- textarea
- video
特点:1.层级最高;2.无法在 中使用;3.使用原生组件最好在真机上测试;4.原生组件的事件监听不能使用 bind:eventname 的写法,只支持 bindeventname。原生组件也不支持 catch 和 capture 的事件绑定方式;5.无法对原生组件设置 CSS 动画;6.无法定义原生组件为 position: fixed;7.不能在父级节点使用 overflow: hidden 来裁剪原生组件的显示区域。
前端知识/技术总结(一)微信小程序路由方法总结前端知识/技术总结(二)