theluyuan/beelink
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

直播列表

Browse Source
This commit is contained in:
asd
2020-10-10 09:01:16 +08:00
parent 1dcb0d9dc6
commit 598b1f8112
11 changed files with 880 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/components/VideoItem.vue
View File

@@ -1,7 +1,7 @@
<template>
<div class="videoitem">
<img src="" alt="" class="cover">
<img src="" alt="" class="play">
<img src="@/static/images/play.png" alt="" class="play">
<div class="title">
sadghaskghdfjkaghjkfha
<span class="lv">7.3分</span>
@@ -10,21 +10,27 @@
<div class="datetime">
<span>2020-09-11</span>
<span class="time">09:30</span>
</div>``
</div>
<div class="feature">
<div>
<img src="" alt="">
<img src="@/static/images/watch.png" alt="">
<span>123</span>
</div>
<div>
<img src="" alt="">
<img src="@/static/images/share.png" alt="">
<span>3</span>
</div>
</div>
</div>
<div class="state audit fail">
<div class="state audit" v-if="type==1">
审核中
</div>
<div class="state audit fail" v-if="type==2">
未通过
</div>
<div class="state audit" v-if="type==3">
已发布
</div>
</div>
</template>
<style lang="scss" scoped>
@@ -53,9 +59,11 @@
.title{
margin-top: 16px;
font-display: 11px;
margin-left: 18px;
color: #111;
display: flex;
align-items: center;
cursor: default;
>span{
margin-left: 11px;
font-size: 10px;
@@ -65,6 +73,9 @@
.info{
display: flex;
align-items: center;
margin-top: 18px;
margin-left: 18px;
.datetime{
display: flex;
align-items: center;
@@ -77,7 +88,8 @@
.feature{
display: flex;
align-items: center;
margin-top: 18px;
margin-left: 25px;
// margin-top: 18px;
>div{
display: flex;
align-items: center;
@@ -89,6 +101,7 @@
font-size: 10px;
color: #111;
margin-left: 4px;
margin-right: 11px;
}
}
}
@@ -118,6 +131,11 @@
import { defineComponent } from 'vue';
export default defineComponent({
props:{
type: {
type: Number,
default:1
}
},
})
</script>