Toyas/HAOVP
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor(frontend): Rework home layout and user interactions

Browse Source
This commit is contained in:
Toyas
2026-04-22 16:45:00 +08:00
parent 79f255bf6c
commit 59e87faba9
84 changed files with 8299 additions and 2181 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/video-frontend-web/src/components/danmaku/DanmakuList.vue
+38 -9
View File
@@ -1,35 +1,64 @@
<template>
<div class="danmaku-list">
<van-tabs v-model:active="activeTab">
<van-tab title="弹幕列表" name="list">
<van-tab
title="弹幕列表"
name="list"
>
<van-list
v-model:loading="loading"
:finished="finished"
finished-text="没有更多弹幕了"
@load="loadMore"
>
<div v-for="item in danmakuList" :key="item.id" class="danmaku-item">
<div class="danmaku-time">{{ formatDanmakuTime(item.time) }}</div>
<div class="danmaku-content" :style="{ color: item.color }">
<div
v-for="item in danmakuList"
:key="item.id"
class="danmaku-item"
>
<div class="danmaku-time">
{{ formatDanmakuTime(item.time) }}
</div>
<div
class="danmaku-content"
:style="{ color: item.color }"
>
{{ item.content }}
</div>
<div class="danmaku-user">{{ item.userId }}</div>
<div class="danmaku-user">
{{ item.userId }}
</div>
</div>
</van-list>
</van-tab>
<van-tab title="弹幕设置" name="settings">
<van-tab
title="弹幕设置"
name="settings"
>
<van-cell-group inset>
<van-cell title="弹幕显示">
<van-switch v-model="settings.showDanmaku" />
</van-cell>
<van-cell title="弹幕透明度">
<van-slider v-model="settings.opacity" :min="0" :max="100" />
<van-slider
v-model="settings.opacity"
:min="0"
:max="100"
/>
</van-cell>
<van-cell title="弹幕大小">
<van-slider v-model="settings.fontSize" :min="12" :max="36" />
<van-slider
v-model="settings.fontSize"
:min="12"
:max="36"
/>
</van-cell>
<van-cell title="弹幕速度">
<van-slider v-model="settings.speed" :min="1" :max="10" />
<van-slider
v-model="settings.speed"
:min="1"
:max="10"
/>
</van-cell>
</van-cell-group>
</van-tab>