init

src/pages/ResPage/ResPage.module.less

@@ -126,6 +126,69 @@
     }
   }
 
+  .listNone {
+    position: absolute;
+    left: 223px;
+    top: 913px;
+    width: 271px;
+    height: 264px;
+    .webpBg("ResPage/空状态.png");
+  }
+
+  .prizeList {
+    position: absolute;
+    left: 19px;
+    top: 630px;
+    bottom: 0;
+    width: 713px;
+    overflow-x: hidden;
+    overflow-y: auto;
+
+    .prizeItem {
+      position: relative;
+      width: 713px;
+      height: 146px;
+
+      .itemImg {
+        border-radius: 20px;
+        background-color: #f0f0f0;
+        position: absolute;
+        left: 31px;
+        top: 16px;
+        width: 110px;
+        height: 110px;
+      }
+
+      .itemName {
+        font-size: 30px;
+        color: #262626;
+        position: absolute;
+        left: 164px;
+        top: 39px;
+        font-weight: bold;
+      }
+
+      .itemDate {
+        position: absolute;
+        left: 164px;
+        top: 80px;
+        font-size: 24px;
+        color: rgb(133, 133, 133);
+      }
+
+      .itemBtn {
+        position: absolute;
+        left: 530px;
+        top: 37px;
+        width: 157px;
+        height: 64px;
+        .webpBg("ResPage/去查看.png");
+      }
+
+    }
+
+  }
+
   .backBtn {
     position: absolute;
     left: 28px;

src/pages/ResPage/ResPage.tsx

@@ -57,8 +57,19 @@ class ResPage extends React.Component<any, any> {
             <div style={{ display: tab == 1 ? "block" : "none" }}>
                 <TurnTable/>
             </div>
-            <div style={{ display: tab == 2 ? "block" : "none" }}>
 
+            <div style={{ display: tab == 2 ? "block" : "none" }}>
+                <div className={styles.listNone}></div>
+                <div className={styles.prizeList} style={{ display: tab == 2 ? "block" : "none" }}>
+                    {new Array(100).fill(1).map((_, index) => {
+                        return <div className={styles.prizeItem}>
+                            <img className={styles.itemImg}/>
+                            <div className={styles.itemName}>奖品名称</div>
+                            <div className={styles.itemDate}>2024-09-22 00:02:56 获得</div>
+                            <Button className={styles.itemBtn}/>
+                        </div>
+                    })}
+                </div>
             </div>
 
             <Button className={styles.backBtn} onClick={this.clickBack}/>