|
@@ -18,7 +18,8 @@
|
|
<div class="video" id="video-box"></div>
|
|
<div class="video" id="video-box"></div>
|
|
<div class="danmu-box">
|
|
<div class="danmu-box">
|
|
<p>{{lessonInfo.play_info.cur_play_user_count}}人正在观看 {{lessonInfo.play_info.barrage_count}}条弹幕</p>
|
|
<p>{{lessonInfo.play_info.cur_play_user_count}}人正在观看 {{lessonInfo.play_info.barrage_count}}条弹幕</p>
|
|
- <svg-icon icon-class="danmu" :class="[isDanmu?'active':'','icon-danmu']" @click="handleChangeIsDanmu"></svg-icon>
|
|
|
|
|
|
+ <svg-icon v-if="!isDanmu" icon-class="danmu" :class="['icon-danmu']" @click="handleChangeIsDanmu"></svg-icon>
|
|
|
|
+ <svg-icon v-else icon-class="danmu-use" :class="['active','icon-danmu']" @click="handleChangeIsDanmu"></svg-icon>
|
|
<el-input v-model="danmuValue" :readonly="!isDanmu" placeholder="输入弹幕" @blur="danmuValue=danmuValue.trim()" maxlength="100"></el-input>
|
|
<el-input v-model="danmuValue" :readonly="!isDanmu" placeholder="输入弹幕" @blur="danmuValue=danmuValue.trim()" maxlength="100"></el-input>
|
|
<a @click="sendMsg" :class="[isDanmu?'active':'not-active',]">发送弹幕</a>
|
|
<a @click="sendMsg" :class="[isDanmu?'active':'not-active',]">发送弹幕</a>
|
|
</div>
|
|
</div>
|
|
@@ -31,7 +32,7 @@
|
|
<span class="progress">已更新{{info.cs_item_count_valid}}课时/共{{info.cs_item_count}}课时</span>
|
|
<span class="progress">已更新{{info.cs_item_count_valid}}课时/共{{info.cs_item_count}}课时</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <div class="navBar-right">
|
|
|
|
|
|
+ <!-- <div class="navBar-right">
|
|
<a @click="handlelike">
|
|
<a @click="handlelike">
|
|
<svg-icon icon-class="like-line" className="icon-like"></svg-icon>
|
|
<svg-icon icon-class="like-line" className="icon-like"></svg-icon>
|
|
<span>收藏</span>
|
|
<span>收藏</span>
|
|
@@ -40,7 +41,7 @@
|
|
<svg-icon icon-class="share-personal" className="icon-share"></svg-icon>
|
|
<svg-icon icon-class="share-personal" className="icon-share"></svg-icon>
|
|
<span>分享</span>
|
|
<span>分享</span>
|
|
</a>
|
|
</a>
|
|
- </div>
|
|
|
|
|
|
+ </div> -->
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
@@ -518,6 +519,9 @@ export default {
|
|
.icon-danmu{
|
|
.icon-danmu{
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
margin: 0 16px;
|
|
margin: 0 16px;
|
|
|
|
+ width: 24px;
|
|
|
|
+ height: 24px;
|
|
|
|
+ color: rgba(0, 0, 0, 0.56);
|
|
&.active{
|
|
&.active{
|
|
color: #165DFF;
|
|
color: #165DFF;
|
|
}
|
|
}
|