소스 검색

feat:列表数据对接

jianghaili 3 일 전
부모
커밋
1131e80bbb
1개의 변경된 파일49개의 추가작업 그리고 1개의 파일을 삭제
  1. 49 1
      src/pages/trade/index.vue

+ 49 - 1
src/pages/trade/index.vue

@@ -93,7 +93,44 @@
         >
       </view>
       <view class="game-play-name">赛程名次</view>
-      <view class="game-list">
+      <view class="game-list"  v-if="gameCheck!=2">
+        <view class="game-list-item" v-for="(item, index) in gameRankList" :key="index">
+          <view class="game-item-left">
+            <view class="game-order-index">
+              <image
+                src="@/static/image/trade/one.png"
+                v-if="index == 0"
+                mode="scaleToFill"
+              />
+              <image
+                src="@/static/image/trade/two.png"
+                v-if="index == 1"
+                mode="scaleToFill"
+              />
+              <image
+                src="@/static/image/trade/three.png"
+                v-if="index == 2"
+                mode="scaleToFill"
+              />
+              <text v-if="index != 0 && index != 1 && index != 2">{{
+                index + 1
+              }}</text>
+            </view>
+            <view class="game-order-num">
+              <view class="game-num-txt">
+                <view>{{`${item.address.slice(0, 4)}...${item.address.slice(-4)}` }}</view>
+                <view>排名赢局</view>
+              </view>
+              <view class="game-num-num">
+                <view>{{ gameDetail.title }}</view>
+                <view>{{ item.score }}</view>
+              </view>
+            </view>
+          </view>
+          <!-- <view class="game-item-btn">领取</view> -->
+        </view>
+      </view>
+      <view class="game-list" v-if="gameCheck==2">
         <view class="game-list-item" v-for="(item, index) in 10" :key="index">
           <view class="game-item-left">
             <view class="game-order-index">
@@ -644,7 +681,9 @@ const openBmPopup = () => {
         display: flex;
         justify-content: center;
         align-items: center;
+        width: 100%;
         .game-order-index {
+          flex-shrink: 0;
           width: 64rpx;
           height: 64rpx;
           margin-right: 24rpx;
@@ -660,15 +699,24 @@ const openBmPopup = () => {
           }
         }
         .game-order-num {
+          flex: 1;
+          width: 100%;
           .game-num-txt {
+            width:100%;
             font-size: 28rpx;
             color: #f2ce9a;
             font-weight: 700;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
           }
           .game-num-num {
             margin-top: 10rpx;
             font-size: 28rpx;
             color: #fff;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
           }
         }
       }