拼完的几个界面上传

pages.json

@@ -132,7 +132,29 @@
 				"navigationBarTitleText": "我的X币",
 				"navigationBarBackgroundColor": "#161616"
 			}
-		}, {
+		}, 
+		{
+			"path": "pages/w3/invite",
+			"style": {
+				"navigationBarTitleText": "邀请战队成员",
+				"navigationBarBackgroundColor": "#161616"
+			}
+		}, 
+		{
+			"path": "pages/w3/friendsList",
+			"style": {
+				"navigationBarTitleText": "我的战队",
+				"navigationBarBackgroundColor": "#161616"
+			}
+		}, 
+		{
+			"path": "pages/w3/teamProfit",
+			"style": {
+				"navigationBarTitleText": "战队奖励",
+				"navigationBarBackgroundColor": "#161616"
+			}
+		}, 
+		{
 			"path": "pages/w3/ucenter",
 			"style": {
 				"navigationBarTitleText": "会员中心",

pages/w3/friendsList.scss

@@ -0,0 +1,217 @@
+
+page {
+	background-color: #161616;
+}
+.page {
+	// background-color: #161616;
+	width: 750rpx;height: 100vh;
+	background: url('../../static/w3/bg.png');
+	background-size: 750rpx 1624rpx;
+}
+.topbg {
+}
+.topBody {
+	width:750rpx;
+}
+.header {
+	display: flex;flex-direction: row;justify-content: space-between;align-items: center;color:$title;
+
+	.title {
+		font-size: 34rpx;
+	}
+}
+.thread {
+	height:210rpx;
+	padding:50rpx;font-size: 52rpx;color:#6E6A6A;padding-top: 80rpx;
+}
+.myinfo {
+	width: 690rpx;display:flex;flex-direction: column;margin:30rpx 30rpx 60rpx;justify-content: center;
+	.imgList {
+		display: flex;flex-direction: row;justify-content: space-around;align-items: center;
+	}
+	
+	.numlist {
+		display: flex;flex-direction: row;justify-content: space-around;align-items: center;
+		position: relative;
+		height: 188rpx;
+		background: url('../../static/w3/invite_bg2.png');
+		background-size: 690rpx 188rpx;
+		.left {
+			display: flex;justify-content: center;padding:20rpx;
+			border-radius: 38rpx;
+			.icon {
+			}
+			image {
+				width:64rpx;
+			}
+			.num {
+				font-weight: bold;
+				font-size: 40rpx;
+				color: #FFFFFF;
+				text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;
+				.name {
+					font-size: 28rpx;color: #999999;margin-top: 12rpx;font-weight: normal;
+				}
+
+			}
+		}
+		.right{
+
+		}
+		.icon{
+			height: 176rpx;
+			position: absolute;
+			left: 260rpx;
+		}
+	}
+	.inviteTitle {
+		display: flex;flex-direction: row;justify-content: space-between;align-items: center;
+		position: relative;
+		width:690rpx;
+		height: 97rpx;
+		background: url('../../static/w3/item_bg.png');
+		background-size: 690rpx 97rpx;
+		.left {
+			display: flex;flex-direction: row;justify-content: flex-start;align-items: center;
+			padding-left:20rpx;
+		}
+		.right{
+			display: flex;flex-direction: row;justify-content: flex-start;align-items: center;
+			padding-right:0rpx;
+			.icon{
+				height: 36rpx;
+			}
+		}
+
+	}
+	
+	
+	.friendList{
+		display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;
+		height :780rpx;
+		width: 690rpx;
+		// margin-top: 34rpx;
+		.title{
+			display: flex;flex-direction: row;justify-content: space-between;align-items: center;
+			position: relative;
+			width:690rpx;
+			height: 90rpx;
+			background: url('../../static/w3/invite_item_bg.png');
+			background-size: 690rpx 90rpx;
+			margin-top: 34rpx;
+			.left {
+				display: flex;flex-direction: row;justify-content: flex-start;align-items: center;
+				padding-left:28rpx;
+			}
+			.right{
+				display: flex;flex-direction: row;justify-content: flex-start;align-items: center;
+				padding-right:0rpx;
+				.icon{
+					height: 36rpx;
+				}
+			}
+		}
+		.numlist2 {
+			display: flex;flex-direction: column;justify-content: space;align-items: flex-start;
+			width:690rpx;
+			// height: 690rpx;
+			background: url('../../static/w3/invite_bg.png');
+			background-size: 690rpx 690rpx;
+			// background: #ffffff;
+			
+			.empty{
+				display: flex;flex-direction: column;justify-content: normal;align-items: center;
+				width:690rpx;
+				height: 600rpx;
+				.bg {
+					margin-top: 100rpx;
+					width:276rpx;
+					height: 276rpx;
+					background: url('../../static/w3/empty.png');
+					// background: #ffffff;
+					background-size: 276rpx 276rpx;
+				}
+			}
+			
+			.item {
+				display: flex;flex-direction: column;justify-content: space-between;align-items: center;
+				height: 140rpx;
+				width:690rpx;
+				background: rgba(22,22,22,0);
+				border-radius: 0rpx 0rpx 0rpx 0rpx;
+				
+
+				.line{
+					width: 610rpx;
+					height: 2rpx;
+					background: #47171B;
+					border-radius: 0rpx 0rpx 0rpx 0rpx;
+				}
+				.info{
+					display: flex;flex-direction: row;justify-content: space-between;align-items: center;
+					height: 135rpx;
+					width:690rpx;
+					.left {
+						display: flex;flex-direction: row;justify-content: space-between;align-items: center;
+						.img{
+							margin-left: 40rpx;
+							height: 80rpx;
+						}
+						.nameList{
+							display: flex;justify-content: center;
+							margin-left: 20rpx;
+							.num {
+								text-align: left;
+								display: flex;flex-direction: column;justify-content: flex-start;
+								.name{
+									font-size: 28rpx;
+									color: #FFFFFF;	
+									display: flex;flex-direction: row;justify-content: flex-start;
+									.icon{
+										margin-left: 5rpx;
+										height: 40rpx;
+									}
+								}
+								.data {
+									font-size: 24rpx;color: #999999;margin-top: 12rpx;font-weight: normal;
+								}												
+							}							
+						}
+					}
+					.right{
+						height: 40%;
+						display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;
+						text-align: right;
+						.txt{
+							text-align: right;
+							font-size: 24rpx;
+							color: #FFFFFF;	
+							margin-right: 0rpx;
+						}
+						.txt1{
+							margin-right: 34rpx;
+						}
+					}
+				}
+			}
+		}
+	}
+	
+	
+	.btn_submit {
+		width: 456rpx;height: 92rpx;position: fixed;bottom:80rpx;left:145rpx;
+		background: #FFFFFF;
+		border-radius: 40rpx 40rpx 40rpx 40rpx;
+		display: flex;flex-direction: row;justify-content: center;align-items: center;
+		font-weight: bold;
+		font-size: 32rpx;
+		.icon{
+			height: 36rpx;
+			margin-right : 12rpx;
+			margin-top : 5rpx;
+		}
+	}
+}
+.blankHeight {
+	height:100rpx;
+}

pages/w3/friendsList.vue

@@ -0,0 +1,253 @@
+<template>
+	<view class="page">
+		<view class="topBody">
+			<view class="header">
+			</view>
+			<view class="myinfo">
+				<view class="friendList">
+					<view class="title">
+						<view class="left">
+							<text style="font-size: 36rpx;color: #FFFFFF;">累计邀请16人</text>
+						</view>
+						<view class="right">
+							<text style="font-size: 28rpx;color: #FFFFFF;">更多</text>
+							<image class="icon" src="../../static/me/arrow_right.png" mode="heightFix" />
+						</view>
+					</view>
+					<view class="numlist2" :style="{ backgroundImage: 'url(../../static/w3/invite_bg.png)', backgroundSize: '100% ' + (friendsInfo.length * 140) + 'rpx', backgroundPosition: 'bottom' }">
+						<view v-if="friendsInfo.length<=0" class = "empty">
+							<view class = "bg"></view>
+							<text style="margin-top: 40rpx;font-size: 24rpx;color: #999999;">暂无数据</text>
+						</view>
+						<view v-else class="item" v-for="(item, index) in friendsInfo" :key="index">
+							<view class = "info">			
+								<view class="left">
+									<image class="img" src="../../static/w3/w3_1.png" mode="heightFix" />
+									<view class="nameList">
+										<view class="num">
+											<view class = "name">
+												<text>{{ item.p_name }}</text>
+												<image v-if="item.vip===2" class="icon" src="../../static/w3/w3_black_vip.png" mode="heightFix" />
+												<image v-else-if="item.vip===1" class="icon" src="../../static/w3/w3_vip.png" mode="heightFix" />
+											</view>
+											<view class="data">{{item.data}}</view>
+										</view>
+									</view>
+								</view>
+								<view class="right">
+									<view class="txt">
+										<text>已实名</text>
+										
+									</view>
+									<view class="txt txt1">
+										<text>{{item.phoneNum}}</text>
+									</view>
+								</view>
+							</view>
+							<view class = "line">
+							
+							</view>
+						</view>
+					</view>
+				</view>
+
+
+			</view>
+
+
+			<view class="blankHeight"></view>
+		</view>
+
+		<!-- 提示框 -->
+		<DialogBox ref="DialogBox"></DialogBox>
+	</view>
+</template>
+
+<script>
+	export default {
+		components: {},
+		data() {
+			return {
+				title: '',
+				sel: 1,
+				X_Info: {
+
+					todayGet: 10,
+					historyGet:199999,
+
+				},
+				friendsInfo: [
+					{
+						reason: "txt.M币充值",
+						p_name: "陈东大",
+						vip:1,
+						value: 100,
+						phoneNum: "133*****212",
+						data: "2023-1-12 15:00"
+					},
+					{
+						reason: "txt.M币充值",
+						p_name: "姜噶的",
+						vip:0,
+						value: 200,
+						phoneNum: "153*****199",
+						data: "2023-1-12 13:00"
+					},
+					{
+						reason: "txt.M币充值",
+						p_name: "佘和会",
+						vip:2,
+						value: -100,
+						phoneNum: "188*****255",
+						data: "2023-1-12 11:00"
+					},
+					{
+						reason: "txt.M币充值",
+						p_name: "佘和会",
+						vip:2,
+						value: -100,
+						phoneNum: "188*****255",
+						data: "2023-1-12 11:00"
+					},
+					{
+						reason: "txt.M币充值",
+						p_name: "佘和会",
+						vip:2,
+						value: -100,
+						phoneNum: "188*****255",
+						data: "2023-1-12 11:00"
+					},
+					{
+						reason: "txt.M币充值",
+						p_name: "佘和会",
+						vip:2,
+						value: -100,
+						phoneNum: "188*****255",
+						data: "2023-1-12 11:00"
+					},
+					{
+						reason: "txt.M币充值",
+						p_name: "佘和会",
+						vip:2,
+						value: -100,
+						phoneNum: "188*****255",
+						data: "2023-1-12 11:00"
+					},
+					{
+						reason: "txt.M币充值",
+						p_name: "佘和会",
+						vip:2,
+						value: -100,
+						phoneNum: "188*****255",
+						data: "2023-1-12 11:00"
+					},
+					{
+						reason: "txt.M币充值",
+						p_name: "佘和会",
+						vip:2,
+						value: -100,
+						phoneNum: "188*****255",
+						data: "2023-1-12 11:00"
+					},
+					
+					{
+						reason: "txt.M币充值",
+						p_name: "佘和会",
+						vip:2,
+						value: -100,
+						phoneNum: "188*****255",
+						data: "2023-1-12 11:00"
+					},
+					{
+						reason: "txt.M币充值",
+						p_name: "佘和会",
+						vip:2,
+						value: -100,
+						phoneNum: "188*****255",
+						data: "2023-1-12 11:00"
+					},
+					{
+						reason: "txt.M币充值",
+						p_name: "佘和会",
+						vip:2,
+						value: -100,
+						phoneNum: "188*****255",
+						data: "2023-1-12 11:00"
+					},
+					{
+						reason: "txt.M币充值",
+						p_name: "佘和会",
+						vip:2,
+						value: -100,
+						phoneNum: "188*****255",
+						data: "2023-1-12 11:00"
+					},
+					{
+						reason: "txt.M币充值",
+						p_name: "佘和会",
+						vip:2,
+						value: -100,
+						phoneNum: "188*****255",
+						data: "2023-1-12 11:00"
+					}
+				]
+			}
+		},
+		onLoad() {
+			// setTimeout(function() {
+			// 	uni.setNavigationBarColor({
+			// 		frontColor: '#ffffff',
+			// 		backgroundColor: '#00000000',
+			// 		animation: {
+			// 			duration: 400,
+			// 			timingFunc: 'easeIn'
+			// 		}
+			// 	})
+			// }, 200);
+		},
+		onShow() {
+			this.loadData();
+		},
+		methods: {
+			onBack() {},
+			chkSel() {
+				if (this.sel == 1) {
+					this.sel = 0;
+				} else {
+					this.sel = 1;
+				}
+			},
+			loadData() {
+				console.log("this.globalData", getApp().globalData);
+				let obj2 = {
+					is_first: 0
+				}
+				const postData = Object.assign({}, getApp().globalData.postHeader, obj2);
+
+				console.log(postData);
+
+				uni.request({
+					url: this.$apiHost + '/Gushi/getmyinfo', //仅为示例，并非真实接口地址。
+					data: postData,
+					method: 'POST',
+					header: {
+						'content-type': 'application/json', //自定义请求头信息
+						'Access-Control-Allow-Origin': '*'
+					},
+					success: (res) => {
+						console.log('data:', res.data);
+						this.myinfo = res.data;
+					}
+				});
+
+
+
+			},
+
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	@import 'friendsList.scss';
+</style>

pages/w3/invite.scss

@@ -0,0 +1,217 @@
+
+page {
+	background-color: #161616;
+}
+.page {
+	// background-color: #161616;
+	width: 750rpx;height: 100vh;
+	background: url('../../static/w3/bg.png');
+	background-size: 750rpx 1624rpx;
+}
+.topbg {
+}
+.topBody {
+	width:750rpx;
+}
+.header {
+	display: flex;flex-direction: row;justify-content: space-between;align-items: center;color:$title;
+
+	.title {
+		font-size: 34rpx;
+	}
+}
+.thread {
+	height:210rpx;
+	padding:50rpx;font-size: 52rpx;color:#6E6A6A;padding-top: 80rpx;
+}
+.myinfo {
+	width: 690rpx;display:flex;flex-direction: column;margin:30rpx 30rpx 60rpx;justify-content: center;
+	.imgList {
+		display: flex;flex-direction: row;justify-content: space-around;align-items: center;
+	}
+	
+	.numlist {
+		display: flex;flex-direction: row;justify-content: space-around;align-items: center;
+		position: relative;
+		height: 188rpx;
+		background: url('../../static/w3/invite_bg2.png');
+		background-size: 690rpx 188rpx;
+		.left {
+			display: flex;justify-content: center;padding:20rpx;
+			border-radius: 38rpx;
+			.icon {
+			}
+			image {
+				width:64rpx;
+			}
+			.num {
+				font-weight: bold;
+				font-size: 40rpx;
+				color: #FFFFFF;
+				text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;
+				.name {
+					font-size: 28rpx;color: #999999;margin-top: 12rpx;font-weight: normal;
+				}
+
+			}
+		}
+		.right{
+
+		}
+		.icon{
+			height: 176rpx;
+			position: absolute;
+			left: 260rpx;
+		}
+	}
+	.inviteTitle {
+		display: flex;flex-direction: row;justify-content: space-between;align-items: center;
+		position: relative;
+		width:690rpx;
+		height: 97rpx;
+		background: url('../../static/w3/item_bg.png');
+		background-size: 690rpx 97rpx;
+		.left {
+			display: flex;flex-direction: row;justify-content: flex-start;align-items: center;
+			padding-left:20rpx;
+		}
+		.right{
+			display: flex;flex-direction: row;justify-content: flex-start;align-items: center;
+			padding-right:0rpx;
+			.icon{
+				height: 36rpx;
+			}
+		}
+
+	}
+	
+	
+	.friendList{
+		display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start;
+		height :780rpx;
+		width: 690rpx;
+		// margin-top: 34rpx;
+		.title{
+			display: flex;flex-direction: row;justify-content: space-between;align-items: center;
+			position: relative;
+			width:690rpx;
+			height: 90rpx;
+			background: url('../../static/w3/invite_item_bg.png');
+			background-size: 690rpx 90rpx;
+			margin-top: 34rpx;
+			.left {
+				display: flex;flex-direction: row;justify-content: flex-start;align-items: center;
+				padding-left:28rpx;
+			}
+			.right{
+				display: flex;flex-direction: row;justify-content: flex-start;align-items: center;
+				padding-right:0rpx;
+				.icon{
+					height: 36rpx;
+				}
+			}
+		}
+		.numlist2 {
+			display: flex;flex-direction: column;justify-content: space;align-items: flex-start;
+			width:690rpx;
+			height: 690rpx;
+			background: url('../../static/w3/invite_bg.png');
+			background-size: 690rpx 690rpx;
+			// background: #ffffff;
+			
+			.empty{
+				display: flex;flex-direction: column;justify-content: normal;align-items: center;
+				width:690rpx;
+				height: 600rpx;
+				.bg {
+					margin-top: 100rpx;
+					width:276rpx;
+					height: 276rpx;
+					background: url('../../static/w3/empty.png');
+					// background: #ffffff;
+					background-size: 276rpx 276rpx;
+				}
+			}
+			
+			.item {
+				display: flex;flex-direction: column;justify-content: space-between;align-items: center;
+				height: 140rpx;
+				width:690rpx;
+				background: rgba(22,22,22,0);
+				border-radius: 0rpx 0rpx 0rpx 0rpx;
+				
+
+				.line{
+					width: 610rpx;
+					height: 2rpx;
+					background: #47171B;
+					border-radius: 0rpx 0rpx 0rpx 0rpx;
+				}
+				.info{
+					display: flex;flex-direction: row;justify-content: space-between;align-items: center;
+					height: 135rpx;
+					width:690rpx;
+					.left {
+						display: flex;flex-direction: row;justify-content: space-between;align-items: center;
+						.img{
+							margin-left: 40rpx;
+							height: 80rpx;
+						}
+						.nameList{
+							display: flex;justify-content: center;
+							margin-left: 20rpx;
+							.num {
+								text-align: left;
+								display: flex;flex-direction: column;justify-content: flex-start;
+								.name{
+									font-size: 28rpx;
+									color: #FFFFFF;	
+									display: flex;flex-direction: row;justify-content: flex-start;
+									.icon{
+										margin-left: 5rpx;
+										height: 40rpx;
+									}
+								}
+								.data {
+									font-size: 24rpx;color: #999999;margin-top: 12rpx;font-weight: normal;
+								}												
+							}							
+						}
+					}
+					.right{
+						height: 40%;
+						display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;
+						text-align: right;
+						.txt{
+							text-align: right;
+							font-size: 24rpx;
+							color: #FFFFFF;	
+							margin-right: 0rpx;
+						}
+						.txt1{
+							margin-right: 34rpx;
+						}
+					}
+				}
+			}
+		}
+	}
+	
+	
+	.btn_submit {
+		width: 456rpx;height: 92rpx;position: fixed;bottom:80rpx;left:145rpx;
+		background: #FFFFFF;
+		border-radius: 40rpx 40rpx 40rpx 40rpx;
+		display: flex;flex-direction: row;justify-content: center;align-items: center;
+		font-weight: bold;
+		font-size: 32rpx;
+		.icon{
+			height: 36rpx;
+			margin-right : 12rpx;
+			margin-top : 5rpx;
+		}
+	}
+}
+.blankHeight {
+	height:100rpx;
+}

pages/w3/invite.vue

@@ -0,0 +1,212 @@
+<template>
+	<view class="page">
+		<view class="topBody">
+			<view class="header">
+			</view>
+			<view class="myinfo">
+				<view class="line"></view>
+				
+				<view style="margin-top: 20rpx;" class="imgList">
+					
+					<image style="height: 160rpx;"src="../../static/w3/invite_txt.png" mode="heightFix" />
+					<image style="height: 160rpx;"src="../../static/w3/goldenCoin.png" mode="heightFix" />
+				</view>
+				
+				<view style="margin-top: 24rpx;" class="numlist">
+					<view class="left">
+						<view class="num">
+							<text>{{X_Info.todayGet}}</text>
+							<view class="name">今日获得暗物质</view>
+						</view>
+					</view>
+					<view class="left right">
+						<view class="num">
+							<text>{{X_Info.historyGet}}</text>
+							<view class="name">累计获得暗物质</view>
+						</view>
+					</view>
+				</view>
+
+
+
+				<view style="margin-top: 36rpx;" class="inviteTitle">
+					<view class="left">
+						<text style="font-size: 28rpx;color: #FFFFFF;">邀请战队奖励</text>
+					</view>
+					<view class="right">
+						<text style="font-size: 18rpx;color: #999999;">邀请战队成员开启探索卡可获得暗物质奖励</text>
+						<image class="icon" src="../../static/me/arrow_right.png" mode="heightFix" />
+					</view>
+				</view>
+
+				<view class="friendList">
+					<view class="title">
+						<view class="left">
+							<text style="font-size: 36rpx;color: #FFFFFF;">我的战队</text>
+						</view>
+						<view class="right">
+							<text style="font-size: 28rpx;color: #FFFFFF;">更多</text>
+							<image class="icon" src="../../static/me/arrow_right.png" mode="heightFix" />
+						</view>
+					</view>
+			
+					<view class="numlist2">
+						<view v-if="friendsInfo.length<=0" class = "empty">
+							<view class = "bg"></view>
+							<text style="margin-top: 40rpx;font-size: 24rpx;color: #999999;">暂无数据</text>
+						</view>
+						<view v-else class="item" v-for="(item, index) in friendsInfo" :key="index">
+							<view class = "info">			
+								<view class="left">
+									<image class="img" src="../../static/w3/w3_1.png" mode="heightFix" />
+									<view class="nameList">
+										<view class="num">
+											<view class = "name">
+												<text>{{ item.p_name }}</text>
+												<image v-if="item.vip===2" class="icon" src="../../static/w3/w3_black_vip.png" mode="heightFix" />
+												<image v-else-if="item.vip===1" class="icon" src="../../static/w3/w3_vip.png" mode="heightFix" />
+											</view>
+											<view class="data">{{item.data}}</view>
+										</view>
+									</view>
+								</view>
+								<view class="right">
+									<view class="txt">
+										<text>已实名</text>
+										
+									</view>
+									<view class="txt txt1">
+										<text>{{item.phoneNum}}</text>
+									</view>
+								</view>
+							</view>
+							<view class = "line">
+							
+							</view>
+						</view>
+					</view>
+				</view>
+
+
+				<view class="btn_submit">
+					<image class="icon" src="../../static/w3/blackarrow.png" mode="heightFix" />
+					<text>邀请战队成员</text>
+				</view>
+			</view>
+
+
+			<view class="blankHeight"></view>
+		</view>
+
+		<!-- 提示框 -->
+		<DialogBox ref="DialogBox"></DialogBox>
+	</view>
+</template>
+
+<script>
+	export default {
+		components: {},
+		data() {
+			return {
+				title: '',
+				sel: 1,
+				X_Info: {
+
+					todayGet: 10,
+					historyGet:199999,
+
+				},
+				friendsInfo: [
+					{
+						reason: "txt.M币充值",
+						p_name: "陈东大",
+						vip:1,
+						value: 100,
+						phoneNum: "133*****212",
+						data: "2023-1-12 15:00"
+					},
+					{
+						reason: "txt.M币充值",
+						p_name: "姜噶的",
+						vip:0,
+						value: 200,
+						phoneNum: "153*****199",
+						data: "2023-1-12 13:00"
+					},
+					{
+						reason: "txt.M币充值",
+						p_name: "佘和会",
+						vip:2,
+						value: -100,
+						phoneNum: "188*****255",
+						data: "2023-1-12 11:00"
+					},
+					{
+						reason: "txt.M币充值",
+						p_name: "佘和会",
+						vip:2,
+						value: -100,
+						phoneNum: "188*****255",
+						data: "2023-1-12 11:00"
+					}
+				]
+			}
+		},
+		onLoad() {
+			// setTimeout(function() {
+			// 	uni.setNavigationBarColor({
+			// 		frontColor: '#ffffff',
+			// 		backgroundColor: '#00000000',
+			// 		animation: {
+			// 			duration: 400,
+			// 			timingFunc: 'easeIn'
+			// 		}
+			// 	})
+			// }, 200);
+		},
+		onShow() {
+			this.loadData();
+		},
+		methods: {
+			onBack() {},
+			chkSel() {
+				if (this.sel == 1) {
+					this.sel = 0;
+				} else {
+					this.sel = 1;
+				}
+			},
+			loadData() {
+				console.log("this.globalData", getApp().globalData);
+				let obj2 = {
+					is_first: 0
+				}
+				const postData = Object.assign({}, getApp().globalData.postHeader, obj2);
+
+				console.log(postData);
+
+				uni.request({
+					url: this.$apiHost + '/Gushi/getmyinfo', //仅为示例，并非真实接口地址。
+					data: postData,
+					method: 'POST',
+					header: {
+						'content-type': 'application/json', //自定义请求头信息
+						'Access-Control-Allow-Origin': '*'
+					},
+					success: (res) => {
+						console.log('data:', res.data);
+						this.myinfo = res.data;
+					}
+				});
+
+
+
+			},
+
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	@import 'invite.scss';
+</style>

pages/w3/teamProfit.scss

@@ -0,0 +1,180 @@
+
+page {
+	background-color: #161616;
+}
+.page {
+	// background-color: #161616;
+	width: 750rpx;height: 100vh;
+	background: url('../../static/w3/bg.png');
+	background-size: 750rpx 1624rpx;
+}
+.topbg {
+}
+.topBody {
+	width:750rpx;
+}
+.header {
+	display: flex;flex-direction: row;justify-content: space-between;align-items: center;color:$title;
+
+	.title {
+		font-size: 34rpx;
+	}
+}
+.thread {
+	height:210rpx;
+	padding:50rpx;font-size: 52rpx;color:#6E6A6A;padding-top: 80rpx;
+}
+.myinfo {
+	width: 690rpx;display:flex;flex-direction: column;margin:30rpx 30rpx 60rpx;justify-content: center;
+	.imgList {
+		display: flex;flex-direction: row;justify-content: space-around;align-items: center;
+	}
+	
+	.numlist {
+		display: flex;flex-direction: row;justify-content: space-around;align-items: center;
+		position: relative;
+		height: 188rpx;
+		background: url('../../static/w3/invite_bg2.png');
+		background-size: 690rpx 188rpx;
+		.left {
+			display: flex;justify-content: center;padding:20rpx;
+			border-radius: 38rpx;
+			.icon {
+			}
+			image {
+				width:64rpx;
+			}
+			.num {
+				font-weight: bold;
+				font-size: 40rpx;
+				color: #FFFFFF;
+				text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;
+				.name {
+					font-size: 28rpx;color: #999999;margin-top: 12rpx;font-weight: normal;
+				}
+
+			}
+		}
+		.right{
+
+		}
+		.icon{
+			height: 176rpx;
+			position: absolute;
+			left: 260rpx;
+		}
+	}
+	.inviteTitle {
+		display: flex;flex-direction: row;justify-content: space-between;align-items: center;
+		position: relative;
+		width:690rpx;
+		height: 97rpx;
+		background: url('../../static/w3/item_bg.png');
+		background-size: 690rpx 97rpx;
+		.left {
+			display: flex;flex-direction: row;justify-content: flex-start;align-items: center;
+			padding-left:20rpx;
+		}
+		.right{
+			display: flex;flex-direction: row;justify-content: flex-start;align-items: center;
+			padding-right:0rpx;
+			.icon{
+				height: 36rpx;
+			}
+		}
+
+	}
+	
+	
+	.friendList{
+		display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;
+		height :780rpx;
+		width: 690rpx;
+		// margin-top: 34rpx;
+		.title{
+			display: flex;flex-direction: row;justify-content: space-between;align-items: center;
+			position: relative;
+			width:690rpx;
+			height: 88rpx;
+			background: url('../../static/w3/listTitle.png');
+			background-size: 690rpx 88rpx;
+			margin-top: 34rpx;
+			.left {
+				display: flex;flex-direction: row;justify-content: flex-start;align-items: center;
+				padding-left:28rpx;
+			}
+			.right{
+				display: flex;flex-direction: row;justify-content: flex-start;align-items: center;
+				padding-right:150rpx;
+			}
+		}
+		.numlist2 {
+			display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;
+			width:690rpx;
+			// height: 690rpx;
+			// background: url('../../static/w3/invite_bg.png');
+			// background-size: 690rpx 690rpx;
+			// background: rgba(22,22,22,0);
+			
+			.empty{
+				display: flex;flex-direction: column;justify-content: normal;align-items: center;
+				width:690rpx;
+				height: 600rpx;
+				.bg {
+					margin-top: 100rpx;
+					width:276rpx;
+					height: 276rpx;
+					background: url('../../static/w3/empty.png');
+					// background: #ffffff;
+					background-size: 276rpx 276rpx;
+				}
+			}
+			
+			.item {
+				display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start;
+				// height: 140rpx;
+				width:690rpx;
+				// background: rgba(22,22,22,0);
+				// background: url('../../static/w3/listBG1.png');
+				
+				.info{
+					display: flex;flex-direction: row;justify-content: space-between;align-items: center;
+					height: 88rpx;
+					width:690rpx;
+					.left {
+						display: flex;flex-direction: row;justify-content: space-between;align-items: center;
+						.nameList{
+							display: flex;justify-content: center;
+							margin-left: 28rpx;
+							.num {
+								text-align: left;
+								display: flex;flex-direction: column;justify-content: flex-start;
+
+								.data {
+									font-size: 24rpx;color: #FFFFFF;font-weight: normal;
+								}												
+							}							
+						}
+					}
+					.right{
+						height: 40%;
+						display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;
+						text-align: right;
+						margin-right: 166rpx;
+						.txt{
+							text-align: right;
+							font-size: 24rpx;
+							color: #FFFFFF;	
+							margin-right: 0rpx;
+						}
+					}
+				}
+			}
+		}
+	}
+	
+	
+}
+.blankHeight {
+	height:100rpx;
+}

pages/w3/teamProfit.vue

@@ -0,0 +1,162 @@
+<template>
+	<view class="page">
+		<view class="topBody">
+			<view class="header">
+			</view>
+			<view class="myinfo">
+
+				
+				<view style="margin-top: 24rpx;" class="numlist">
+					<view class="left">
+						<view class="num">
+							<text>{{X_Info.todayGet}}</text>
+							<view class="name">今日获得暗物质</view>
+						</view>
+					</view>
+					<view class="left right">
+						<view class="num">
+							<text>{{X_Info.historyGet}}</text>
+							<view class="name">累计获得暗物质</view>
+						</view>
+					</view>
+				</view>
+
+
+				<view class="friendList">
+					<view class="title">
+						<view class="left">
+							<text style="font-size: 28rpx;color: #FFFFFF;">日期</text>
+						</view>
+						<view class="right">
+							<text style="font-size: 28rpx;color: #FFFFFF;">暗物质</text>
+						</view>
+					</view>
+			
+					<view class="numlist2">
+						<view v-if="friendsInfo.length<=0" class = "empty">
+							<view class = "bg"></view>
+							<text style="margin-top: 40rpx;font-size: 24rpx;color: #999999;">暂无数据</text>
+						</view>
+						<view v-else class="item" v-for="(item, index) in friendsInfo" 
+							:key="index"
+							:style="{ backgroundImage: index % 2 === 1 ? 'url(../../static/w3/listBG1.png)' : 'url(../../static/w3/listBG2.png)' }">
+							<view class = "info">			
+								<view class="left">
+									<view class="nameList">
+										<view class="num">
+											<view class="data">{{item.data}}</view>
+										</view>
+									</view>
+								</view>
+								<view class="right">
+									<view class="txt">
+										<text>+{{item.value}}</text>
+									</view>
+								</view>
+							</view>
+
+						</view>
+					</view>
+				</view>
+			</view>
+
+
+			<view class="blankHeight"></view>
+		</view>
+
+		<!-- 提示框 -->
+		<DialogBox ref="DialogBox"></DialogBox>
+	</view>
+</template>
+
+<script>
+	export default {
+		components: {},
+		data() {
+			return {
+				title: '',
+				sel: 1,
+				X_Info: {
+
+					todayGet: 10,
+					historyGet:199999,
+
+				},
+				friendsInfo: [
+					{
+						value: 100,
+						data: "2023-1-12"
+					},
+					{
+						value: 200,
+						data: "2023-1-12"
+					},
+					{
+						value: 100,
+						data: "2023-1-12"
+					},
+					{
+						value: 100,
+						data: "2023-1-12"
+					}
+				]
+			}
+		},
+		onLoad() {
+			// setTimeout(function() {
+			// 	uni.setNavigationBarColor({
+			// 		frontColor: '#ffffff',
+			// 		backgroundColor: '#00000000',
+			// 		animation: {
+			// 			duration: 400,
+			// 			timingFunc: 'easeIn'
+			// 		}
+			// 	})
+			// }, 200);
+		},
+		onShow() {
+			this.loadData();
+		},
+		methods: {
+			onBack() {},
+			chkSel() {
+				if (this.sel == 1) {
+					this.sel = 0;
+				} else {
+					this.sel = 1;
+				}
+			},
+			loadData() {
+				console.log("this.globalData", getApp().globalData);
+				let obj2 = {
+					is_first: 0
+				}
+				const postData = Object.assign({}, getApp().globalData.postHeader, obj2);
+
+				console.log(postData);
+
+				uni.request({
+					url: this.$apiHost + '/Gushi/getmyinfo', //仅为示例，并非真实接口地址。
+					data: postData,
+					method: 'POST',
+					header: {
+						'content-type': 'application/json', //自定义请求头信息
+						'Access-Control-Allow-Origin': '*'
+					},
+					success: (res) => {
+						console.log('data:', res.data);
+						this.myinfo = res.data;
+					}
+				});
+
+
+
+			},
+
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	@import 'teamProfit.scss';
+</style>