# 媒体组件： ## 官方文档： https://uniapp.dcloud.io/component/audio.html ## 以下是部分效果具体可以根据官方文档来做 ## 图片标签 ``` <image> ``` ``` <image src="../../static/icon/12.png" mode=""></image> ``` ## 音频标签： ``` <audio style="text-align: left" :src="current.src" :poster="current.poster" :name="current.name" :author="current.author" :action="audioAction" controls></audio> ---------------------------------------------------------------------------------------------------------------------------------------------- export default { data() { return { current: { poster: 'https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/7fbf26a0-4f4a-11eb-b680-7980c8a877b8.png ', name: '致爱丽丝', author: '暂无', src: 'https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-hello-uniapp/2cc220e0-c27a-11ea-9dfb-6da8e309e0d8.mp3', }, audioAction: { method: 'pause' } } } ``` ## 摄像头标签： ``` <camera style="width:100%; height:300rpx;"></camera> ```