refactor(game): 重构缺门花色处理逻辑并优化组件结构
- 移除硬编码的花色图标导入,改用动态加载方式 - 添加新的 flowerColorMap 配置文件统一管理缺门图标 - 引入 clearActiveRoom 函数用于清理活动房间状态 - 在游戏数据解析中添加缺失花色的读取函数 - 当房间数据为空时自动清理房间状态并跳转回大厅 - 统一玩家缺门花色数据处理逻辑 - 注释掉浮动状态显示区域以优化界面布局 - 调整CSS样式中缺门标记尺寸和旋转效果 - 在游戏存储模块中添加清除快照功能 - 重构座位玩家卡片组件中的花色图标计算逻辑 - 优化花色标签映射和归一化处理函数
This commit is contained in:
@@ -481,10 +481,14 @@
|
||||
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
|
||||
}
|
||||
|
||||
.picture-scene .player-badge.seat-right .dealer-mark {
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
|
||||
.picture-scene .missing-mark {
|
||||
margin-left: auto;
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: linear-gradient(180deg, rgba(114, 219, 149, 0.2) 0%, rgba(21, 148, 88, 0.34) 100%);
|
||||
@@ -492,11 +496,19 @@
|
||||
}
|
||||
|
||||
.picture-scene .missing-mark img {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.picture-scene .player-badge.seat-right .missing-mark {
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
|
||||
.picture-scene .player-badge.seat-left .missing-mark {
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
|
||||
.picture-scene .missing-mark span {
|
||||
color: #effff5;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user