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

xbx #64

Merged
theluyuan merged 4 commits from xbx into master 2020-10-21 03:49:29 +00:00
Conversation 0 Commits 4 Files Changed 3 +44 -44
1 changed files with 44 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit d574433020 - Show all commits

88
src/components/LiveCount.vue
View File

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