From 65b56c725c45f28e01222351830bf10e2ef85711 Mon Sep 17 00:00:00 2001
From: 18631081161 <2088094923@qq.com>
Date: Fri, 4 Apr 2025 14:09:10 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B5=8F=E5=93=81=E8=AE=B0=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                        |   7 ++
 pages/infinite/bonus_house.vue    |   6 +-
 pages/infinite/reward_records.vue | 148 ++++++++++++++++++++++++++++++
 3 files changed, 158 insertions(+), 3 deletions(-)
 create mode 100644 pages/infinite/reward_records.vue

diff --git a/pages.json b/pages.json
index 8b328a1..c9a053e 100644
--- a/pages.json
+++ b/pages.json
@@ -459,6 +459,13 @@
 			"style": {
 				"navigationStyle": "custom"
 			}
+		},
+		{
+			"path" : "pages/infinite/reward_records",
+			"style" : 
+			{
+				"navigationStyle": "custom"
+			}
 		}
 	],
 	"subPackages": [{
diff --git a/pages/infinite/bonus_house.vue b/pages/infinite/bonus_house.vue
index 13f1abc..92ace5c 100644
--- a/pages/infinite/bonus_house.vue
+++ b/pages/infinite/bonus_house.vue
@@ -119,10 +119,10 @@
 
 		<view class="row center" style="margin-top: 20rpx;">
 			<view class="center" style="width: 220rpx; height: 72rpx; background-color: #333333; border-radius: 16rpx;">
-				<text style="font-size: 24rpx; color: #D8FD24;">我的卡券</text>
+				<text style="font-size: 24rpx; color: #D8FD24; font-weight: 500;">我的卡券</text>
 			</view>
-			<view class="center" style="width: 220rpx; height: 72rpx; background-color: #D8FD24; border-radius: 16rpx; margin-left: 38rpx;">
-				<text style="font-size: 24rpx; color: #333333;">赏品记录</text>
+			<view class="center" @click="$c.to({url: '/pages/infinite/reward_records'})" style="width: 220rpx; height: 72rpx; background-color: #D8FD24; border-radius: 16rpx; margin-left: 38rpx;">
+				<text style="font-size: 24rpx; color: #333333; font-weight: 600;">赏品记录</text>
 			</view>
 		</view>
 
diff --git a/pages/infinite/reward_records.vue b/pages/infinite/reward_records.vue
new file mode 100644
index 0000000..82a9eeb
--- /dev/null
+++ b/pages/infinite/reward_records.vue
@@ -0,0 +1,148 @@
+<template>
+	<view class="content">
+		<view class="navLeft align-center" :style="{top:$sys().statusBarHeight+'px'}" @tap="$c.back(1)">
+			<uni-icons type="left" color="#000000"></uni-icons>
+		</view>
+
+		<view class="title1">赏品记录</view>
+
+
+		<view class="" style="height: 200rpx;"></view>
+
+		<view class="tab">
+			<view class="tab-item center relative" v-for="(item, i) in tabList" :key="i"
+				:class="tabCur == i?'act':'unact'" @click="tabChange(i)">
+				<text>{{item}}</text>
+			</view>
+		</view>
+
+
+		<scroll-view scroll-y="true" style="width: 100%; margin-top: 24rpx;">
+			<view v-for="(item,index) in dataList" class=""
+				style="width: 680rpx; height: 88rpx; background-color: #F8F8F8; margin: 0 auto 24rpx;">
+
+
+				<view class="flex row align-center" style="width: 100%; height: 100%; justify-content: space-between;">
+					<view class="flex column" style="margin-left: 24rpx;">
+						<text style="font-size: 16rpx; color: #999999;">{{item.Title}}</text>
+						<text style="font-size: 16rpx; color: #999999; margin-top: 8rpx;">{{item.Time}}</text>
+					</view>
+					<text style="font-size: 20rpx; color: #999999; margin-right: 24rpx;">{{item.Content}}</text>
+				</view>
+
+
+
+			</view>
+		</scroll-view>
+
+
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				tabCur: 0,
+				tabList: [
+					"赏品记录", "参与记录",
+				],
+				dataList: [{
+					Title: "参与时间",
+					Time: "2025-03-10  14:00",
+					Content: "晶体*1500"
+				}, {
+					Title: "参与时间",
+					Time: "2025-03-10  14:00",
+					Content: "晶体*1500"
+				}, {
+					Title: "参与时间",
+					Time: "2025-03-10  14:00",
+					Content: "晶体*1500"
+				}, {
+					Title: "参与时间",
+					Time: "2025-03-10  14:00",
+					Content: "晶体*1500"
+				}, ]
+			}
+		},
+		methods: {
+			tabChange(i) {
+				this.tabCur = i
+
+				switch (i) {
+					case 0:
+						this.subTabChange(this.subTabCur)
+						break
+					default:
+						this.listData = []
+
+						this.mescroll.resetUpScroll()
+						this.mescroll.scrollTo(0, 0)
+						break
+				}
+			},
+		}
+	}
+</script>
+
+<style lang="scss">
+	.content {
+		width: 100vw;
+		min-height: 100vh;
+		box-sizing: border-box;
+		background: #FFFFFF;
+	}
+
+	.navLeft {
+		position: fixed;
+		left: 30rpx;
+		height: 44px;
+		z-index: 100;
+
+		>view {
+			font-weight: 400;
+			font-size: 50rpx;
+			color: #FFFFFF;
+		}
+	}
+
+	.title1 {
+		width: 100%;
+		top: 108rpx;
+		position: absolute;
+		display: flex;
+		align-items: center;
+		font-size: 34rpx;
+		justify-content: center;
+		color: black;
+		z-index: 50;
+	}
+
+	.tab {
+		display: flex;
+		padding: 10rpx 32rpx;
+
+
+		.tab-item {
+			width: 114rpx;
+			height: 50rpx;
+			position: relative;
+			margin-right: 25rpx;
+			border-radius: 8rpx;
+			font-size: 20rpx;
+
+			&.act {
+				font-weight: 500;
+				color: #333333;
+				background-color: #D8FD24;
+
+
+			}
+
+			&.unact {
+				font-weight: 500;
+			}
+		}
+	}
+</style>
\ No newline at end of file