1.textarea
注意:在微信小程序、百度小程序及字节跳动小程序中,textarea是原生组件,层级高于前端组件。请勿在 scroll-view、swiper、picker-view、movable-view 中使用 textarea 组件,覆盖textarea需要使用cover-view。
在实际开发中,textarea组件中的换行符为\r\n,并不是HTML的
标签。因此,在使用rich-text组件输出时并不能显示换行,需要将\r\n转换成
标签。
2.web-view
web-view(Web浏览器)组件是用来承载网页的容器,其默认自动铺满整个页面,如果使用native vue开发,则需手动指定宽和高。如果在微信开发者工具中进行测试,则不需要配置业务域名,只需要勾选“不校验合法域名、web-view(业务域名)、TLS版本以及HTTPS证书”复选框即可。
3.image
image(图片)组件在H5 中会转为img标签,其功能非常强大,支持图片懒加载、缩放和裁剪。
4.switch
switch(开关选择器)在实际开发中经常使用,如是否显示密码、是否打包、是否通知、是否使用余额等场景。
5.audio
使用uni.createInnerAudioContext创建audio是没有UI的,UI可以自己定义.
需要注意, 获取音频总时长不能直接使用innerAudioContext.duration,而是需要进行以下操作:
(1)定义onCanplay回调方法。
(2)在onCanplay回调方法中使用innerAudioContext.duration初始化总时长。
(3)在setTimeout回调函数内部使用innerAudioContext.duration获取总时长。
6.video
video(视频)组件在H5 平台支持mp4、webm 和 ogg格式的视频。
注意:在微信小程序、百度小程序及字节跳动小程序中,textarea是原生组件,层级高于前端组件。请勿在 scroll-view、swiper、picker-view、movable-view 中使用 textarea 组件,覆盖textarea需要使用cover-view。
在实际开发中,textarea组件中的换行符为\r\n,并不是HTML的
标签。因此,在使用rich-text组件输出时并不能显示换行,需要将\r\n转换成
标签。
2.web-view
web-view(Web浏览器)组件是用来承载网页的容器,其默认自动铺满整个页面,如果使用native vue开发,则需手动指定宽和高。如果在微信开发者工具中进行测试,则不需要配置业务域名,只需要勾选“不校验合法域名、web-view(业务域名)、TLS版本以及HTTPS证书”复选框即可。
3.image
image(图片)组件在H5 中会转为img标签,其功能非常强大,支持图片懒加载、缩放和裁剪。
4.switch
switch(开关选择器)在实际开发中经常使用,如是否显示密码、是否打包、是否通知、是否使用余额等场景。
5.audio
使用uni.createInnerAudioContext创建audio是没有UI的,UI可以自己定义.
需要注意, 获取音频总时长不能直接使用innerAudioContext.duration,而是需要进行以下操作:
(1)定义onCanplay回调方法。
(2)在onCanplay回调方法中使用innerAudioContext.duration初始化总时长。
(3)在setTimeout回调函数内部使用innerAudioContext.duration获取总时长。
6.video
video(视频)组件在H5 平台支持mp4、webm 和 ogg格式的视频。