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

调整代码结构

Browse Source
This commit is contained in:
luyuan 2020-10-21 10:10:40 +08:00
parent 02d888e43d
commit d574433020
Signed by: theluyuan
GPG Key ID: A7972FD973317FF3
1 changed files with 44 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

88
src/components/LiveCount.vue
View File

@ -7,22 +7,22 @@
<div class="info">
<div class="item" v-for="(i, j) in list" :key="j">
<div style="display: flex">
<img :src="i.img" alt="" />
<div class="stuinfo">
<div>{{ i.name }}</div>
<div class="lessonname">{{ i.interest }}</div>
</div>
<img :src="i.img" alt="" />
<div class="stuinfo">
<div>{{ i.name }}</div>
<div class="lessonname">{{ i.interest }}</div>
</div>
</div>
<div class="takehour" v-if="i.status == 1 && livestatus == 2">
参加时长
<div>30min</div>
参加时长
<div>30min</div>
</div>
<div
class="cancel"
v-if="i.status == 2 || (livestatus == 0 && i.status == 1)"
@click="quxiao(j)"
class="cancel"
v-if="i.status == 2 || (livestatus == 0 && i.status == 1)"
@click="quxiao(j)"
>
取消直播
取消直播
</div>
<div class="refuse" v-if="i.status == 3">已拒绝</div>
@ -91,31 +91,31 @@
}
.info {
.item {
display: flex;
align-content: center;
justify-content: space-between;
margin-top: 23px;
font-size: 10px;
.stuinfo {
margin: auto 0;
margin-left: 11px;
color: #111111;
.lessonname {
color: #666666;
display: flex;
align-content: center;
justify-content: space-between;
margin-top: 23px;
font-size: 10px;
.stuinfo {
margin: auto 0;
margin-left: 11px;
color: #111111;
.lessonname {
color: #666666;
}
}
.takehour {
color: #08ae98;
font-size: 11px;
margin: auto 0;
text-align: center;
}
> div > img {
width: 57px;
height: 57px;
border-radius: 50%;
background-color: #0f0;
}
}
.takehour {
color: #08ae98;
font-size: 11px;
margin: auto 0;
text-align: center;
}
> div > img {
width: 57px;
height: 57px;
border-radius: 50%;
background-color: #0f0;
}
}
}
.refuse {
@ -141,19 +141,19 @@
display: flex;
justify-content: space-between;
> div {
width: 114px;
height: 23px;
border-radius: 3px;
font-size: 10px;
color: #fff;
line-height: 23px;
text-align: center;
width: 114px;
height: 23px;
border-radius: 3px;
font-size: 10px;
color: #fff;
line-height: 23px;
text-align: center;
}
.modify {
background-color: #08ae98;
background-color: #08ae98;
}
.del {
background-color: #d12c2e;
background-color: #d12c2e;
}
}
}