audio音频
camera系统相机
image图片
live-player实时音视频播放(v2.9.1 起支持同层渲染)
live-pusher实时音视频录制(v2.9.1 起支持同层渲染)
video视频(v2.4.0 起支持同层渲染)
voip-room多人音视频对话
map地图(v2.7.0 起支持同层渲染,相关api wx.createMapContext
八、画布
canvas 画布
九、开放组件
web-view承载网页的容器
adBanner 广告
ad-custom原生模板 广告
official-account公众号关注组件
open-data用于展示微信开放的数据
专门用来做广告或者获取小程序的用户的数据。
十、原生组件native-component小程序中的部分组件是由客户端创建的原生组件
小程序的原生组件为:
- camera
- canvas
- input(仅在focus时表现为原生组件)
- live-player
- live-pusher
- map
- textarea
- video
原生组件的层级是最高的,所以页面中的其他组件无论设置 z-index 为多少,都无法盖在原生组件上。原生组件还无法在 picker-view中使用。
原生组件的事件监听不能使用 bind:eventname 的写法,只支持 bindeventname。原生组件也不支持 catch 和 capture 的事件绑定方式。原生组件会遮挡 vConsole 弹出的调试面板。为了解决原生组件层级最高的限制。小程序专门提供了 cover-view和 cover-image组件,可以覆盖在部分原生组件上面。这两个组件也是原生组件,但是使用限制与其他原生组件有所不同。
十一、无障碍访问aria-component满足视障人士对于小程序的访问需求
十二、导航栏
navigation-bar 页面导航条配置节点,用于指定导航栏的一些属性
十三、页面属性配置节点
page-meta页面属性配置节点,用于指定页面的一些属性、监听页面事件
十四、可视化
如果你觉得一个个写组件很麻烦,那么你可以使用可视化的方式来使用组件,如图:
这样可以帮助我们快速构建页面。
十五、ui组件虽然微信给我们提供了一些组件,但是这些组件并不是特别美观,于是乎,小编决定使用一些已经写好了三方的组件,这里推荐腾讯团队做的一个ui组件库-----WeUI。这里小编已经下载好了,给大家一个地址:
https://url18.ctfile.com/f/7715018-519360361-ee1b16(访问密码:6511),下载好了之后,我们将其放入到项目中去,然后添加到项目的全局样式文件,如图:
然后就可以使用了,如图: