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> <template>
<div class="video"> <div class="video">
<video src=""></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> </div>
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
.video { .video {
width: 976px; width: 976px;
height: 563px; height: 563px;
border-radius: 18px 18px 0px 0px; border-radius: 18px;
background-color: #0f0; background-color: #0f0;
overflow: hidden; overflow: hidden;
> video { > video {
width: 100%; 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> </style>
<script lang="ts"> <script lang="ts">

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

@ -3,29 +3,7 @@
<div class="info"> <div class="info">
<div class="liveplay"> <div class="liveplay">
<liveplay></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> </div>
<LiveCount></LiveCount> <LiveCount></LiveCount>
@ -45,43 +23,7 @@
background: white; background: white;
border-radius: 18px; border-radius: 18px;
margin-right: 29px; 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 { .review {