1.0.0

components/i-video-list/i-video-list.vue

@@ -0,0 +1,57 @@
+<template>
+	<view>
+		<view class="p-3 rounded-lg bg-white mt-2" v-for="(item,index) in resdata" :key="index" @click="toShow(item)">
+			<text class="font32 line15">视频标题</text>
+			<view class="mt-2 position-relative" >
+				<view class="position-absolute left-0 right-0 top-0 bottom-0 flex align-center justify-center" style="z-index: 9;">
+					<uni-icons type="videocam" size="40" color="#ffffff"></uni-icons>
+				</view>
+				<image src="/static/photo.jpg" style="width:650rpx;height: 350rpx;" mode="aspectFill"></image>
+			</view>
+			<view class="flex align-center justify-between mt-1">
+				<view class="flex align-center">
+					<uni-icons type="contact" size="16" color="#cccccc"></uni-icons>
+					<text class="font24 text-muted">小王</text>
+				</view>
+				<view class="flex align-center">
+					<uni-icons type="eye" size="16" color="#cccccc"></uni-icons>
+					<text class="font24 text-muted">111</text>
+				</view>
+				<view class="flex align-center">
+					<uni-icons type="calendar" size="16" color="#cccccc"></uni-icons>
+					<text class="font24 text-muted">222</text>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name:"i-video-list",
+		props:{
+			resdata:{
+				type:Array,
+				default() {
+				  return [];
+				},
+			}
+		},
+		data() {
+			return {
+				
+			};
+		},
+		methods:{
+			toShow(item){
+				uni.navigateTo({
+					url:'/pages/video/detail'
+				})
+			}
+		}
+	}
+</script>
+
+<style>
+
+</style>