style(frontend):优化弹幕组件布局和交互

- 在 vue-danmaku 组件中添加 pointer-events: none 样式,确保弹幕不影响事件
-优化股票卡片的鼠标悬停和移出效果
This commit is contained in:
ArvinLovegood 2025-02-23 23:29:54 +08:00
parent b3f23fc4db
commit cb2bc61c6f

View File

@ -723,7 +723,7 @@ AI赋能股票分析自选股行情获取成本盈亏展示涨跌报警
</script>
<template>
<vue-danmaku v-model:danmus="danmus" style="height:100px; width:100%;z-index: 9;position:absolute; top: 30%" ></vue-danmaku>
<vue-danmaku v-model:danmus="danmus" style="height:100px; width:100%;z-index: 9;position:absolute; top: 30%; pointer-events: none;" ></vue-danmaku>
<n-grid :x-gap="8" :cols="3" :y-gap="8" >
<n-gi v-for="result in sortedResults" style="margin-left: 2px" onmouseover="this.style.border='1px solid #3498db' " onmouseout="this.style.border='0px'">
<n-card :data-code="result['股票代码']" :bordered="false" :title="result['股票名称']" :closable="false" @close="removeMonitor(result['股票代码'],result['股票名称'],result.key)">