|
|
@@ -17,11 +17,20 @@
|
|
|
</template>
|
|
|
</template>
|
|
|
</van-cell>
|
|
|
- <van-cell center style="border-radius: 0.1rem !important">
|
|
|
+ <van-cell
|
|
|
+ center
|
|
|
+ class="userInfo"
|
|
|
+ style="border-radius: 0.1rem !important"
|
|
|
+ >
|
|
|
<template #title>
|
|
|
<div class="username">
|
|
|
<img src="../images/icon_person.png" />
|
|
|
<span>主讲人：{{ item.speakerName }}</span>
|
|
|
+
|
|
|
+ <div class="tag" v-if="item.liveState != 2">
|
|
|
+ <img src="../images/icon_mobli.png" />
|
|
|
+ {{ item.os == "pc" ? "电脑直播" : "手机直播" }}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -124,4 +133,27 @@ export default {
|
|
|
margin-right: 0.05rem;
|
|
|
}
|
|
|
}
|
|
|
+.userInfo {
|
|
|
+ /deep/.van-cell__title {
|
|
|
+ flex: 40%;
|
|
|
+ }
|
|
|
+}
|
|
|
+.tag {
|
|
|
+ margin-left: 0.1rem;
|
|
|
+ padding: 0 0.06rem;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-items: center;
|
|
|
+ font-size: 0.12rem;
|
|
|
+ color: #ff806f;
|
|
|
+ background: rgba(255, 128, 111, 0.08);
|
|
|
+ border-radius: 3px;
|
|
|
+ border: 1px solid rgba(255, 128, 111, 0.25);
|
|
|
+ height: 0.2rem;
|
|
|
+ img {
|
|
|
+ width: 0.1rem;
|
|
|
+ height: 0.12rem;
|
|
|
+ margin-right: 0.02rem;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|
