diff --git a/src/components/PlayerSeats.vue b/src/components/PlayerSeats.vue index 717c7c8..dd0424c 100644 --- a/src/components/PlayerSeats.vue +++ b/src/components/PlayerSeats.vue @@ -10,6 +10,10 @@ const props = defineProps({ type: Array, default: () => [], }, + removePlayer: { + type: Function, + default: () => {}, + }, }); const seats = new Array(props.total).fill(1); @@ -36,11 +40,19 @@ const seats = new Array(props.total).fill(1); }} 虚位以待 管理员 - + /> --> + @@ -106,11 +118,11 @@ const seats = new Array(props.total).fill(1); border-top-left-radius: 10px; border-bottom-right-radius: 10px; } -.player-bg { +/* .player-bg { position: absolute; width: 52px; right: 0; -} +} */ .player-unknow { width: 40px; height: 40px; @@ -125,4 +137,20 @@ const seats = new Array(props.total).fill(1); .player-unknow > image { width: 40%; } +.remove-player { + width: 48rpx; + height: 48rpx; + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; + position: absolute; + top: 10rpx; + right: 0; +} +.remove-player > image { + width: 100%; + height: 100%; + opacity: 0.6; +} diff --git a/src/pages/battle-room.vue b/src/pages/battle-room.vue index 817421f..e0ab0d5 100644 --- a/src/pages/battle-room.vue +++ b/src/pages/battle-room.vue @@ -177,6 +177,8 @@ const exitRoom = async () => { uni.navigateBack(); }; +const removePlayer = async (player) => {}; + onShareAppMessage(() => { return { title: "邀请您进入房间对战", @@ -250,7 +252,7 @@ onBeforeUnmount(() => { @@ -259,17 +261,19 @@ onBeforeUnmount(() => { opponent.ready ? "已准备" : "" }} {{ opponent.name }} + - { 管理员 + @@ -342,6 +355,11 @@ onBeforeUnmount(() => { + + 所有人准备后自动开始游戏。