细节调整

src/components/Container.vue

@@ -46,6 +46,9 @@ onShow(() => {
 const backToGame = debounce(async () => {
   const result = await getCurrentGameAPI();
 });
+const goBack = () => {
+  uni.navigateBack();
+};
 </script>
 
 <template>
@@ -62,7 +65,7 @@ const backToGame = debounce(async () => {
       <slot></slot>
     </view>
     <ScreenHint :show="showHint">
-      <view v-if="hintType === 1" class="back-to-game">
+      <view v-if="hintType === 1" class="tip-content">
         <text>您还有正在进行中的对局，是否进入</text>
         <view>
           <button hover-class="none" @click="backToGame">进入</button>
@@ -71,6 +74,16 @@ const backToGame = debounce(async () => {
           </button>
         </view>
       </view>
+      <view v-if="hintType === 2" class="tip-content">
+        <text>离开比赛可能会导致比赛失败，</text>
+        <text>确认离开吗？</text>
+        <view>
+          <button hover-class="none" @click="goBack">离开比赛</button>
+          <button hover-class="none" @click="() => (showHint = false)">
+            继续比赛
+          </button>
+        </view>
+      </view>
     </ScreenHint>
   </view>
 </template>
@@ -86,7 +99,7 @@ const backToGame = debounce(async () => {
   justify-content: space-between;
   overflow-x: hidden;
 }
-.back-to-game {
+.tip-content {
   flex-direction: column;
   display: flex;
   align-items: center;
@@ -95,14 +108,17 @@ const backToGame = debounce(async () => {
   width: 100%;
   font-size: 14px;
 }
-.back-to-game > view {
+.tip-content > text {
+  text-align: center;
+}
+.tip-content > view {
   display: flex;
   align-items: center;
   justify-content: space-around;
   margin-top: 50rpx;
   width: 100%;
 }
-.back-to-game > view > button {
+.tip-content > view > button {
   padding: 12px;
   border-radius: 20px;
   background-color: #fff6;
@@ -110,7 +126,7 @@ const backToGame = debounce(async () => {
   width: 45%;
   font-size: 16px;
 }
-.back-to-game > view > button:first-child {
+.tip-content > view > button:first-child {
   background-color: #fed847;
   color: #000;
 }