hookehuyr

新增弹幕我的显示样式调整

1 <!-- 1 <!--
2 * @Date: 2024-04-10 14:16:36 2 * @Date: 2024-04-10 14:16:36
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-04-15 10:07:31 4 + * @LastEditTime: 2024-04-15 14:35:29
5 * @FilePath: /fxPark/src/components/danmaku.vue 5 * @FilePath: /fxPark/src/components/danmaku.vue
6 * @Description: 弹幕组件 6 * @Description: 弹幕组件
7 --> 7 -->
...@@ -10,7 +10,9 @@ ...@@ -10,7 +10,9 @@
10 <vue-danmaku ref="danmakuRef" class="danmu-boxer" v-model:danmus="danmus" useSlot loop :channels="4" :speeds="30" :top="0"> 10 <vue-danmaku ref="danmakuRef" class="danmu-boxer" v-model:danmus="danmus" useSlot loop :channels="4" :speeds="30" :top="0">
11 <template v-slot:dm="{ index, danmu }"> 11 <template v-slot:dm="{ index, danmu }">
12 <div class="dm-item"> 12 <div class="dm-item">
13 - <van-icon v-if="danmu.status === '2'" name="fire-o" color="red" />&nbsp; 13 + <!-- <van-icon v-if="danmu.status === '2'" name="fire-o" color="red" /> -->
14 + <span v-if="danmu.status === '2'" style="color: #975E4D; font-weight: bold;">我:</span>
15 + &nbsp;
14 <span>{{ danmu.note }}</span> 16 <span>{{ danmu.note }}</span>
15 </div> 17 </div>
16 </template> 18 </template>
......