You've already forked guangan-mp
57 lines
1.4 KiB
Vue
57 lines
1.4 KiB
Vue
<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> |