9.24

gasStation-uni/pages.json

@@ -313,6 +313,13 @@
 
 					}
 				},
+				{
+					"path": "invite/list",
+					"style": {
+						"navigationBarTitleText": "奖励记录"
+
+					}
+				},
 				{
 					"path": "invite/inviteCode",
 					"style": {
@@ -464,4 +471,4 @@
 		"backgroundColor": "#F8F8F8"
 	},
 	"uniIdRouter": {}
-}
+}

gasStation-uni/pagesMy/invite/list.vue

@@ -1,7 +1,20 @@
 <template>
 	<view class="content">
 		<view class="container">
-
+			<view class="top_box">
+				<view class="two_t">
+					<view class="">浏览人数</view>
+					<view class="size_">50</view>
+				</view>
+				<view class="two_t">
+					<view class="">注册人数</view>
+					<view class="size_">50</view>
+				</view>
+			</view>
+			<view class="tab_">
+				<view class="t-box" :class="{'orsize' : tindex == index  }" v-for="(item,index) in tabList"
+					:key="index">{{item.name}}</view>
+			</view>
 		</view>
 	</view>
 </template>
@@ -12,6 +25,15 @@
 		data() {
 			return {
 				title: '',
+				tindex: 0,
+				tabList: [{
+						name: '会员注册记录'
+					},
+					{
+						name: '我的奖励记录'
+					}
+
+				],
 				List: [],
 				pageNo: 1,
 				pageSize: 10,
@@ -93,4 +115,47 @@
 		box-sizing: border-box;
 
 	}
-</style>
+
+	.top_box {
+		width: 95%;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		margin: 15px auto;
+		box-sizing: border-box;
+		padding-top: 15px;
+	}
+
+	.two_t {
+		width: 49%;
+		background: #fff;
+		box-sizing: border-box;
+		padding: 15px;
+		text-align: center;
+	}
+
+	.size_ {
+		font-weight: 600;
+		font-size: 18px;
+		color: #333333;
+	}
+
+	.tab_ {
+		width: 100%;
+		display: flex;
+		align-items: center;
+		justify-content: space-around;
+	}
+
+	.t-box {
+		font-weight: 600;
+		font-size: 16px;
+		color: #333333;
+		border-bottom: 1px solid transparent;
+	}
+
+	.orsize {
+		color: #FA6400;
+		border-bottom: 1px solid #FA6400;
+	}
+</style>