hookehuyr

feat(弹幕组件): 优化弹幕循环逻辑并添加预加载功能

重构弹幕组件实现无缝循环播放,避免弹幕突然消失
添加预加载功能使弹幕在页面加载时就开始滚动
优化弹幕间距控制和淡出效果
This diff is collapsed. Click to expand it.
......@@ -124,8 +124,8 @@
</view>
</view>
<!-- 弹幕显示助力榜内容 -->
<view v-if="activeTab === 'support'" class="danmu-section">
<!-- 隐藏的弹幕组件,在页面加载时就开始滚动 -->
<view class="danmu-section" :style="{ visibility: activeTab === 'support' ? 'visible' : 'hidden', position: activeTab === 'support' ? 'static' : 'absolute', top: activeTab === 'support' ? 'auto' : '-9999px' }">
<NativeDanmuComponent
:container-height="700"
:show-controls="true"
......
......@@ -156,8 +156,8 @@
</view>
<!-- 弹幕显示助力榜内容 -->
<view v-if="activeTab === 'support'" class="danmu-section mt-8">
<!-- 隐藏的弹幕组件,在页面加载时就开始滚动 -->
<view class="danmu-section mt-8" :style="{ visibility: activeTab === 'support' ? 'visible' : 'hidden', position: activeTab === 'support' ? 'static' : 'absolute', top: activeTab === 'support' ? 'auto' : '-9999px' }">
<NativeDanmuComponent
:container-height="1200"
:show-controls="true"
......