diff --git a/gasStation-uni/pagesHome/RechargeRecords/RechargeRecords.vue b/gasStation-uni/pagesHome/RechargeRecords/RechargeRecords.vue
index 3ce93d264..3e1374971 100644
--- a/gasStation-uni/pagesHome/RechargeRecords/RechargeRecords.vue
+++ b/gasStation-uni/pagesHome/RechargeRecords/RechargeRecords.vue
@@ -1,28 +1,28 @@
 <template>
 	<view class="content">
 		<view class="container">
-			
+
 			<!-- 顶部区域 -->
 
 			<view class="ail">
-				<view class="box-order">
+				<view class="box-order" v-for="(item,index) in list" :key="index">
 					<view class="or-box-top">
 
-						<view class="chengg" style="font-weight: bold;">礼品卡</view>
+						<view class="chengg">国庆节礼品卡</view>
 					</view>
 
-					<view class="but-box">
-						<view class="huis">兑换卡号</view>
-						<view class="">{{item.number || "暂无"}}</view>
-					</view>
-					<view class="but-box">
-						<view class="huis">兑换金额</view>
-						<view class="reds">￥{{item.cardAmount || 0}}元</view>
-					</view>
-					<view class="but-box">
-						<view class="huis">订单时间</view>
-						<view class="">{{item.updateTime || "暂无"}}</view>
 
+					<view class="but-box">
+						<view class="bais">面值：{{item.cardAmount || 0}}</view>
+						<view class="xbai">卡号：{{item.number || "暂无"}}</view>
+					</view>
+					<view class="but-box">
+						<view class="xbai">有效期：{{item.updateTime || "暂无"}}</view>
+						<view class="xbai">密码：{{item.number || "暂无"}}</view>
+
+					</view>
+					<view class="potions_">
+						<image src="../../static/imgs/ydh.png" style="width: 45px; height: 45px; "></image>
 					</view>
 
 				</view>
@@ -31,8 +31,8 @@
 				icon="http://cdn.uviewui.com/uview/empty/coupon.png">
 			</u-empty>
 			<u-loadmore :status="status" v-if="show == true" />
-			
-			
+
+
 			<view class="but-sub">礼品卡兑换</view>
 		</view>
 	</view>
@@ -50,7 +50,9 @@
 				totalDetail: '',
 				show: false,
 
-				list: [],
+				list: [{
+					name: '2'
+				}],
 				query: {
 					mtUserId: '',
 					storeId: '',
@@ -110,17 +112,17 @@
 					}
 				})
 			},
-      /*getGiftRecords() {
-        request({
-          url: '/business/marketingActivity/cardGift/selectAllRecords',
-          method: 'get',
-        }).then(res => {
-          console.log(res)
-          if (res.code == 200) {
-            this.list = res.data.records
-          }
-        })
-      },*/
+			/*getGiftRecords() {
+			  request({
+			    url: '/business/marketingActivity/cardGift/selectAllRecords',
+			    method: 'get',
+			  }).then(res => {
+			    console.log(res)
+			    if (res.code == 200) {
+			      this.list = res.data.records
+			    }
+			  })
+			},*/
 
 		}
 	}
@@ -194,11 +196,14 @@
 
 	.box-order {
 		width: 95%;
-		border-radius: 8px;
+		height: 122px;
 		background: #ffffff;
 		box-sizing: border-box;
 		padding: 10px;
 		margin: 10px auto;
+		background: url('../../static/imgs/lpk.png') no-repeat;
+		background-size: 100% 100%;
+		position: relative;
 	}
 
 	.or-box-top {
@@ -208,12 +213,12 @@
 		justify-content: space-between;
 		box-sizing: border-box;
 		padding: 5px 0px;
-		border-bottom: 1px solid #e5e5e5;
+
 
 	}
 
 	.chengg {
-		color: #1678ff;
+		color: #fff;
 	}
 
 	.but-box {
@@ -251,7 +256,7 @@
 		font-size: 14px;
 		border-radius: 15px;
 	}
-	
+
 	.but-sub {
 		width: 305px;
 		height: 40px;
@@ -265,4 +270,23 @@
 		bottom: 40px;
 		left: 11%;
 	}
-</style>
+
+	.bais {
+		font-size: 16px;
+		color: #fff;
+		font-weight: bold;
+		margin: 10px 0px;
+	}
+
+	.xbai {
+		color: #fff;
+		font-size: 12px;
+
+	}
+
+	.potions_ {
+		position: absolute;
+		right: 0px;
+		top: 0px;
+	}
+</style>
\ No newline at end of file