写一个代码:uni-app视频列表
时间: 2023-12-26 07:04:41 浏览: 129
一个uni-app的列表展示小案例.zip
下面是uni-app视频列表的基本代码:
<template>
<view>
<video v-for="(item, index) in videos" :src="item.url" :poster="item.poster" :key="index"></video>
</view>
</template>
<script>
export default {
data() {
return {
videos: [
{
url: 'http://example.com/video1.mp4',
poster: 'http://example.com/poster1.jpg',
},
{
url: 'http://example.com/video2.mp4',
poster: 'http://example.com/poster2.jpg',
},
{
url: 'http://example.com/video3.mp4',
poster: 'http://example.com/poster3.jpg',
}
]
}
}
}
</script>
<style>
video {
width: 100%;
height: 300px;
object-fit: cover;
}
</style>
请注意,这只是一个简单的示例代码,您需要根据实际情况进行修改和定制化。
阅读全文