uniapp多媒体组件及配置项

最新推荐文章于 2024-06-18 23:04:44 发布

阅读量1k

点赞数

本文链接：https://blog.csdn.net/weixin_46314560/article/details/104835373

版权

本文详细介绍了uniapp中的音频、图片和视频组件的常用属性，如音频的loop和controls，图片的mode属性，以及视频的autoplay和loop。此外，还阐述了uni-app的配置文件，包括全局配置、应用配置、条件编译、主题样式和主组件的用途，特别是tabBar配置和导航栏样式定制。

摘要由CSDN通过智能技术生成

一.audio音频

<view>
	<audio :src="audioSrc" controls></audio>
</view>

data:function() {
	return {
		audioSrc:"https://img-cdn-qiniu.dcloud.net.cn/uniapp/audio/music.mp3"
	}
}

常用属性：

二.image图片

<view>
	<image src="/static/img/shuijiao.jpg" style="width:50%;" mode="widthFix"></image>
</view>

常用属性：mode 图片裁剪、缩放的模式

mode有效值：4种缩放模式，9种裁剪模式
缩放：
scaleToFill 默认值，不保持纵横比缩放图片，使图片的宽高完全拉伸至填满 image 元素；
widthFix宽度不变，高度自动变化，保持原图宽高比不变

裁剪：
top不缩放图片，只显示图片的顶部区域
left不缩

关注