diff --git a/gasStation-uni/pagesMy/Coupons/details.vue b/gasStation-uni/pagesMy/Coupons/details.vue
new file mode 100644
index 000000000..a1ed67fc4
--- /dev/null
+++ b/gasStation-uni/pagesMy/Coupons/details.vue
@@ -0,0 +1,97 @@
+<template>
+	<view class="content">
+		<view class="container">
+
+		</view>
+	</view>
+</template>
+
+<script>
+	import request from '../../utils/request';
+	export default {
+		data() {
+			return {
+				title: '',
+				List: [],
+				pageNo: 1,
+				pageSize: 10,
+				totalPage: '',
+
+			}
+		},
+		onLoad() {
+			this.resetting() //重置方法
+			this.getList() //调用请求
+		},
+		onPullDownRefresh() {
+			//下拉刷新
+			this.resetting() //重置方法
+			this.getList() //调用请求
+			uni.stopPullDownRefresh()
+		},
+		onReachBottom() {
+			// 触底加载
+			if (this.pageNo >= this.totalPage) {
+				uni.showToast({
+					title: '没有下一页数据',
+					icon: 'none'
+				})
+			} else {
+				this.pageNo++
+				this.getList()
+			}
+		},
+
+		components: {
+
+		},
+		methods: {
+			//滞空方法
+			resetting() {
+				this.pageNo = 1
+				this.pageSize = 10
+				this.totalPage = ''
+				this.List = []
+			},
+			// 分页——网络请求
+			async getList() {
+				uni.showLoading({
+					title: '加载中'
+				});
+				let res = await request({
+					url: '网络请求',
+					method: 'get',
+					data: {
+						pageNo: this.pageNo,
+						pageSize: this.pageSize,
+					}
+				})
+				if (res.code == 200) {
+					uni.hideLoading(); //交互反馈
+					if (this.pageNo != 1) {
+						this.List = this.ruleList.concat(res.result.records)
+					} else {
+						this.List = res.result.records
+					}
+					this.totalPage = res.result.pages
+				}
+			},
+			goback() {
+				uni.navigateBack()
+			}
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	.content {
+		background: #f4f5f6;
+	}
+
+	.container {
+		width: 100%;
+		height: 100vh;
+		box-sizing: border-box;
+
+	}
+</style>
diff --git a/gasStation-uni/pagesMy/invite/invite.vue b/gasStation-uni/pagesMy/invite/invite.vue
index 1c2f6536a..bc11379a9 100644
--- a/gasStation-uni/pagesMy/invite/invite.vue
+++ b/gasStation-uni/pagesMy/invite/invite.vue
@@ -22,45 +22,49 @@
 				<view class="or-aniu">
 					立即分享
 				</view>
-				<view class="x-box">
-					<view class="l-naniu" @click="open">
-						<u-icon name="grid" color="#FCDB5A" size="18"></u-icon>
-						<text>面对面邀请</text>
-					</view>
-					<view class="r-naniu">
-						<u-icon name="share-fill" color="#E9312F" size="18"></u-icon>
-
-						<button class="qiangzhi" open-type="share">
-							<text>分享给好友</text>
-						</button>
-					</view>
+			</view>
+			<view class="h_bs">
+				<view class="title_">推荐会员消费有礼</view>
+				<view class="d-s">
+					<view class="hui-size">详情</view>
+					<u-icon name="arrow-right" color="#999999" size="12"></u-icon>
 				</view>
+			</view>
+			<view class="si_">
+				<view class="">赠送优惠券</view>
+				<view class="">50元优惠券</view>
+			</view>
+			<view class="h_bs">
+				<view class="title_">会员卡详情</view>
 
 			</view>
+			<view class="backf">
+				<view class="n_hang">
+					<view class="">特权说明</view>
+					<view class="">加油立享优惠</view>
+				</view>
+				<view class="n_hang">
+					<view class="">有效期</view>
+					<view class="">长期有效</view>
+				</view>
+				<view class="n_hang">
+					<view class="">使用须知</view>
+					<view class="">仅限个人使用</view>
+				</view>
+			</view>
 
+			<view class="si_t">
+				<view style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; ">
+					<view class="title_">适用门店</view>
+					<view class="d-s" style=" color: #FF2828; ">
+						<image src="../../static/icon/reddh.png" style="width: 14px; height: 14px; "></image> 导航
+					</view>
+				</view>
+				<view class="">中建锦绣广场二期站</view>
+				<view class="">山东省济南市槐荫区 | 3.0km</view>
+			</view>
 			<!-- 顶部区域 -->
-			<view class="bai-box">
-				<view class="bai-top">
-					邀请记录
-				</view>
-				<view class="t-box" v-for="(item,index) in activeRecommendRecordsList" :key="index">
-					<view class="diss">
-						<view class="touxiang">
-							<image src="../../static/imgs/myx.png" mode="aspectFit"></image>
-						</view>
-						<view class="">
-							<view class="name-t">{{item.inviteeUserName}}</view>
-							<!-- <view class="h-size"></view> -->
-						</view>
-					</view>
-					<!-- <view class="hong-size">
-						+100
-					</view> -->
-					<view class="hong-size">
-						{{item.createTime}}
-					</view>
-				</view>
-			</view>
+
 			<u-popup :show="show" mode="center" :round="10" @close="close" @open="open">
 				<view class="popup_box">
 					<w-qrcode :options="options"></w-qrcode>
@@ -229,10 +233,6 @@
 	.hbbox {
 		width: 95%;
 		margin: 0px auto;
-		height: 200px;
-
-
-
 	}
 
 	.faimg {
@@ -407,6 +407,45 @@
 		justify-content: center;
 		background: #FF9655;
 		color: #fff;
+		margin: 10px auto;
+	}
+
+	.h_bs {
+		width: 95%;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		margin: 10px auto;
+	}
+
+	.si_ {
+		background: #fff;
+		width: 95%;
+		margin: 10px auto;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		padding: 10px;
+		font-size: 14px;
+		color: #333333;
+		box-sizing: border-box;
+	}
+
+	.si_t {
+		background: #fff;
+		width: 95%;
+		margin: 10px auto;
+		padding: 10px;
+		font-size: 14px;
+		color: #333333;
+		box-sizing: border-box;
+
+	}
+
+	.title_ {
+		font-weight: 600;
+		font-size: 14px;
+		color: #333333;
 	}
 
 	button {
@@ -418,4 +457,32 @@
 		padding: 0px !important;
 		background-color: transparent;
 	}
-</style>
\ No newline at end of file
+
+	.hui-size {
+		font-size: 12px;
+		color: #999999;
+	}
+
+	.d-s {
+		display: flex;
+		align-items: center;
+	}
+
+	.backf {
+		background: #fff;
+		width: 95%;
+		margin: 10px auto;
+	}
+
+	.n_hang {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		font-size: 14px;
+		color: #333333;
+		box-sizing: border-box;
+		padding: 10px;
+		border-bottom: 1px solid #EEEEEE;
+		width: 100%;
+	}
+</style>