feat:报名弹框

src/pages/trade/index.vue

@@ -18,7 +18,9 @@
       </view>
       <view class="home-code">
         <view class="trade-border-box"> ${{ gameList[2]?.bonus || 0 }}</view>
-        <view class="trade-border-num">≈￥{{ gameList[2]?.bonus*7.2 || 0 }}</view>
+        <view class="trade-border-num"
+          >≈￥{{ gameList[2]?.bonus * 7.2 || 0 }}</view
+        >
       </view>
       <view class="trade-img-box">
         <image src="@/static/image/trade/money-box.png" mode="aspectFit" />
@@ -87,7 +89,7 @@
           >奖池数量：<text>${{ gameDetail.bonus }}</text>
         </view>
         <view class="num-txt-small" v-if="gameCheck != 2"
-          >≈￥{{ gameDetail.bonus*7.2 }}</view
+          >≈￥{{ gameDetail.bonus * 7.2 }}</view
         >
       </view>
       <view class="game-play-name">赛程名次</view>
@@ -124,8 +126,8 @@
       </view>
     </view>
     <view class="fix-box">
-      <view class="fix-item" @click="openGamePopup">赛程规则</view>
-      <view class="fix-item">赛程名次</view>
+      <view class="fix-item" @click="openGamePopup(1)">赛程规则</view>
+      <view class="fix-item"  @click="openGamePopup(2)">赛程名次</view>
     </view>
     <!-- @click="awardFun" -->
     <up-popup
@@ -142,10 +144,17 @@
           mode="scaleToFill"
           @click="showGameMsg = false"
         />
-        <view class="show-game-title"> <text>{{gameDetail.title}}赛程</text>竞赛消息 </view>
-        <view class="show-game-content">
+        <view class="show-game-title" v-if="showType==2">
+          <text>{{ gameDetail.title }}赛程</text>竞赛消息
+        </view>
+        <view class="show-game-title" v-if="showType==1">
+          竞赛规则
+        </view>
+        <view class="show-game-content" v-if="showType==2">
           <view class="game-msg">1:赛程开始时间：{{ gameDetail.date }}</view>
-          <view class="game-msg">2:赛程结束时间：{{ gameDetail.end_date }}</view>
+          <view class="game-msg"
+            >2:赛程结束时间：{{ gameDetail.end_date }}</view
+          >
           <view class="game-msg"
             >3:参与场次：<text>0场；</text>输：<text>0局；</text>赢：<text
               >0局；</text
@@ -167,6 +176,42 @@
             >⑤：对于恶意刷单地址,平台将永久封禁账号；</view
           >
         </view>
+        <view class="show-game-content" v-if="showType==1">
+          <view class="game-msg">1: 赛程报名截止时间:每期赛程开始前</view>
+          <view class="game-msg"
+            >2: 赛程奖励结算时间:每期赛程结束后(约需要1-30分钟)</view
+          >
+          <view class="game-msg"
+            >3: 赛程奖励领取时间:每期赛程结束结算完成后</view
+          >
+          <view class="game-msg"
+            >4:赛程奖励失效时间:当期赛程结束后,下期赛程结束前</view
+          >
+          <view class="game-msg"
+            >5:赛程奖励规则: 当期奖池金额</view
+          >
+          <view class="dest-item" style="color: red;font-size: 24rpx;"
+            >①:第1-50
+            名平均分配20%;
+          </view>
+          <view class="dest-item" style="color: red;font-size: 24rpx;"
+            >②:第51-200名平均分配30%;</view
+          >
+          <view class="dest-item" style="color: red;font-size: 24rpx;"
+            >③:第201-500名平 配50%;</view
+          >
+          <view class="desc-title">注意：</view>
+          <view class="dest-item">①: 如当期赛程奖励未在有效期内领取，将视为放弃；</view>
+          <view class="dest-item" 
+            >②：赢局次数小于等于0的地址参与排名，但没有奖励分配；</view
+          >
+          <view class="dest-item" style="color:red;"
+            >③：每场赛程中相同地址频繁对战,场次将不作为有效局数;</view
+          >
+          <view class="dest-item" style="color:red;"
+            >④：对于恶意刷单地址,平台将永久封禁账号；</view
+          >
+        </view>
         <view class="show-game-bottom">
           <view class="show-game-btn" @click="showGameMsg = false">关闭</view>
         </view>
@@ -303,8 +348,10 @@ const selectGame = (value, item) => {
 };
 // 游戏规则弹出框
 const showGameMsg = ref(false);
-const openGamePopup = () => {
+const showType=ref(0);
+const openGamePopup = (value) => {
   showGameMsg.value = true;
+  showType.value=value;
 };
 const showGameBm = ref(false);
 const openBmPopup = () => {