增加我的奖品页面，兑换页面

me/gift/duihuan.vue

@@ -0,0 +1,54 @@
+<template>
+	<view class="min-page bg-gray u-font-28">
+		<view class="block bg-fff border-r-18 default-box-padding">
+			<view>
+				<view>兑换账号</view>
+				<view class="border u-m-t-24 u-p-l-24">
+					<u-input type="text" placeholder="请输入兑换账号"></u-input>
+				</view>
+			</view>
+			<view class="u-m-t-48">
+				<view>兑换事项</view>
+				<view class="u-m-t-16 color-999">
+					请认真核实兑换账号，一但兑换成功后，不予退换。
+				</view>
+			</view>
+		</view>
+		<view class="u-flex u-row-center">
+			<view class="btn-circle duihuan">确认兑换</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+
+			}
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.border {
+		border: 1px solid #999999;
+		border-radius: 12rpx 12rpx 12rpx 12rpx;
+	}
+	.duihuan{
+		background: #ED838A;
+		width: 556rpx;
+		padding: 18rpx 0;
+		text-align: center;
+		font-size: 32rpx;
+		font-weight: bold;
+		color: #fff;
+		margin-top: 84rpx;
+	}
+	.min-page {
+		padding: 32rpx 20rpx;
+	}
+</style>

me/gift/gift.vue

@@ -0,0 +1,101 @@
+<template>
+	<view class="min-page bg-gray u-font-28">
+		<u-navbar :background="background" back-icon-color="#fff" immersive :border-bottom="false"></u-navbar>
+		<view class="gift-bg">
+		</view>
+		<view class="list">
+			<view class="item" v-for="(item,index) in 10" :key="index">
+				<view class="color-666 u-font-24">中奖时间 2024-09-11 10:20:11</view>
+				<view class="u-m-t-24 u-flex u-row-between">
+					<view class="u-flex-1 u-flex u-col-top">
+						<u-image width="128rpx" height="128rpx" src="/static/red-pack.png"></u-image>
+						<view class="u-m-l-16">
+							<view>大额红包</view>
+							<view class="color-999 u-font-24 u-m-t-16">×1</view>
+						</view>
+					</view>
+					<view class="">
+						<view class="btn-circle duihuan" @click="toDuiHuan">立即兑换</view>
+						<!-- <view class="btn-circle duihuan finish">已完成</view> -->
+					</view>
+				</view>
+			</view>
+		</view>
+		<view class="u-p-30">
+			<u-loadmore :font-size="24" color="#999" :status="status" />
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				background: {
+					backgroundColor: 'transparent'
+				},
+				status: 'nomore'
+			}
+		},
+		methods: {
+			toDuiHuan(){
+				uni.navigateTo({
+					url:'/me/gift/duihuan'
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.duihuan {
+		background: linear-gradient(87deg, #ED8087 0%, #ECA2AA 100%);
+		font-size: 24rpx;
+		color: #fff;
+		padding: 8rpx 16rpx;
+		text-align: center;
+
+		&.finish {
+			background: #E5E5E5;
+			color: #999;
+		}
+	}
+
+
+	.gift-bg {
+		position: relative;
+		width: 100%;
+		height: 524rpx;
+		background: url('~static/images/gift-bg.png') no-repeat center center/cover;
+		background-repeat: no-repeat;
+		background-position: center center;
+		background-size: cover;
+		background-image: url("~static/images/gift-bg.png");
+
+		@media (-webkit-min-device-pixel-ratio: 2),
+		(min-device-pixel-ratio: 2) {
+			background-image: url("~static/images/gift-bg@2x.png");
+		}
+
+	}
+
+	.min-page {
+		min-height: 100vh;
+	}
+
+	.list {
+		margin: 0 20rpx;
+		position: relative;
+		z-index: 2;
+		margin-top: -148rpx;
+		border-radius: 18rpx 18rpx 18rpx 18rpx;
+		overflow: hidden;
+		background-color: #fff;
+		padding: 0 24rpx;
+
+		.item {
+			padding: 32rpx 0;
+			border-bottom: 1rpx solid #E5E5E5;
+		}
+	}
+</style>