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

直播修改

Browse Source
This commit is contained in:
luyuan 2020-10-15 15:34:14 +08:00
parent 6111abafc4
commit b1649cf566
Signed by: theluyuan
GPG Key ID: A7972FD973317FF3
2 changed files with 65 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
src/components/LivePlay.vue
View File

@ -1,19 +1,80 @@
<template>
<div class="video">
<video src=""></video>
<div class="liveinfo">
<div class="left">
<div>
<img src="@/static/images/livelesson.png" alt="" class="icon">
<span>西班牙语</span>
</div>
<div>
<img src="@/static/images/livewatch.png" alt="" class="icon">
<span>2020-09-11 18:30</span>
</div>
<div>
<img src="@/static/images/livetimetake.png" alt="" class="icon">
<span>30min</span>
</div>
<div>
<img src="@/static/images/shoucang.png" alt="" class="icon">
<span class="score">5.0分</span>
</div>
</div>
<div class="right">
编辑信息
</div>
</div>
</div>
</template>
<style lang="scss" scoped>
.video {
width: 976px;
height: 563px;
border-radius: 18px 18px 0px 0px;
border-radius: 18px;
background-color: #0f0;
overflow: hidden;
> video {
width: 100%;
height: 100%;
height: 505px;
}
.liveinfo{
display: flex;
justify-content: space-between;
height: 58px;
align-items: center;
background-color: #fff;
.left{
display: flex;
color: #121212;
font-size: 13px;
margin-left: 29px;
.score{
color: #D22C2E;
font-size: 13px;
}
>div{
margin-right: 57px;
}
.icon{
width: 25px;
height:24px;
margin-right: 6px;
}
}
.right{
width: 74px;
height: 29px;
border:1px solid #08AE98;
border-radius: 3px;
margin-right: 29px;
color: #08AE98;
font-size: 13px;
line-height: 29px;
font-weight: bold;
text-align: center;
}
}
}
</style>
<script lang="ts">

62
src/views/regime/Livedetail.vue
View File

@ -3,29 +3,7 @@
<div class="info">
<div class="liveplay">
<liveplay></liveplay>
<div class="liveinfo">
<div class="left">
<div>
<img src="@/static/images/livelesson.png" alt="" class="icon">
<span>西班牙语</span>
</div>
<div>
<img src="@/static/images/livewatch.png" alt="" class="icon">
<span>2020-09-11 18:30</span>
</div>
<div>
<img src="@/static/images/livetimetake.png" alt="" class="icon">
<span>30min</span>
</div>
<div>
<img src="@/static/images/shoucang.png" alt="" class="icon">
<span class="score">5.0分</span>
</div>
</div>
<div class="right">
编辑信息
</div>
</div>
</div>
<LiveCount></LiveCount>
@ -45,43 +23,7 @@
background: white;
border-radius: 18px;
margin-right: 29px;
.liveinfo{
display: flex;
justify-content: space-between;
height: 58px;
align-items: center;
.left{
display: flex;
color: #121212;
font-size: 13px;
margin-left: 29px;
.score{
color: #D22C2E;
font-size: 13px;
}
>div{
margin-right: 57px;
}
.icon{
width: 25px;
height:24px;
margin-right: 6px;
}
}
.right{
width: 74px;
height: 29px;
border:1px solid #08AE98;
border-radius: 3px;
margin-right: 29px;
color: #08AE98;
font-size: 13px;
line-height: 29px;
font-weight: bold;
text-align: center;
}
}
}
}
.review {