1.邀请有礼

common/request.js

@@ -1,10 +1,10 @@
 //测试地址
-/* const baseUrl = 'http://58.56.15.138:20201/' 
-const burl2='http://58.56.15.138:20201/' */
+const baseUrl = 'http://58.56.15.138:20201/' 
+const burl2='http://58.56.15.138:20201/' 
  
 //正式地址
-const baseUrl = 'https://apiclt.66km.com/'
-const burl2='https://apiclt.66km.com/' 
+// const baseUrl = 'https://apiclt.66km.com/'
+// const burl2='https://apiclt.66km.com/' 
 
 import md5 from './MD5.js'
 

manifest.json

@@ -50,7 +50,7 @@
     "quickapp" : {},
     /* 小程序特有相关 */
     "mp-weixin" : {
-        "appid" : "wx693850514180f795",
+        "appid" : "wx9ca21d7c8495757e",
         "setting" : {
             "urlCheck" : true,
             "postcss" : true,

pages.json

@@ -321,6 +321,33 @@
             }
             
         }
+        ,{
+            "path" : "pages/me/invite",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "邀请有礼",
+                "enablePullDownRefresh": true
+            }
+            
+        }
+        ,{
+            "path" : "pages/me/extractHistory",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "提现记录",
+                "enablePullDownRefresh": true
+            }
+            
+        }
+        ,{
+            "path" : "pages/me/extract",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "提现",
+                "enablePullDownRefresh": false
+            }
+            
+        }
     ],
 	"tabBar": {
 		"color": "#8a8a8a",

pages/me/extract.vue

@@ -0,0 +1,80 @@
+<template>
+	<view class="box">
+			<view class="header">
+				<view class="title">支付宝提现</view>
+				<view class="moneyView">
+					<text class="icon">￥</text>
+					<input type="text" class="moneyInput" placeholder-style="color:#999999; font-size:30rpx" placeholder="请输入提现金额" v-model="money"/>
+					<view class="tixian">全部提现</view>
+				</view>
+				<view class="zongMoney">可提现金额:￥934.23</view>
+				
+				<view class="line"></view>
+			</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				money:'',
+				
+			}
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style>
+	.box {
+		min-height: 100vh;
+		background: #F4F5F7;
+		padding-top: 20rpx;
+	}
+	.header{
+		background-color: #FFFFFF;
+		margin: 0 24rpx;
+		border-radius: 10rpx;
+		padding: 30rpx 20rpx;
+	}
+	.title{
+		font-size: 30rpx;
+		color: #3C3C3C;
+		font-weight: bold;
+	}
+	.moneyView{
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		margin: 15rpx 0;
+	}
+	.icon{
+		font-size: 50rpx;
+		color: #222222;
+		font-weight: bold;
+	}
+	.moneyInput{
+		font-size: 70rpx;
+		color: #222222;
+		font-weight: bold;
+		flex-grow: 1;
+	}
+	.tixian{
+		font-size: 26rpx;
+		color: #FF4F00;
+		width: 150rpx;
+	}
+	.zongMoney{
+		font-size: 26rpx;
+		color: #999999;
+		margin-bottom: 30rpx;
+	}
+	.line{
+		margin: 0 20rpx;
+		background-color: #EEEEEE;
+		height: 1rpx;
+	}
+</style>

pages/me/extractHistory.vue

@@ -0,0 +1,102 @@
+<template>
+	<view class="box">
+			<view class="headerView">
+				<view class="leftTitle">累计提现: <text class="rightMoney">￥9584.32</text></view>
+				<view class="leftTitle">提现中: <text class="rightMoney">￥9584.32</text></view>
+			</view>
+			
+			
+				
+					<view v-for="(item,index) in arr" :key="index" >
+						<view class="itemBg">
+							<view class="first">
+								<view class="time">2022-02-32 12:43:23</view>
+								<view class="state">待审核</view>
+							</view>
+							<view class="second">
+								<view class="name">战神 1394847393</view>
+								<view class="monty">￥13.21</view>
+							</view>
+							
+							<view class="content">拒绝原因：支付宝账户不对</view>
+						</view>
+					</view>
+				
+			
+			
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				arr:[1,2,3],
+				
+			}
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style>
+	.box {
+		min-height: 100vh;
+		background: #F4F5F7;
+	}
+	.headerView{
+		padding: 20rpx 16rpx;
+		
+		display: flex;
+		justify-content: space-between;
+	}
+	.leftTitle{
+		font-size: 26rpx;
+		color: #999999;
+	}
+	.rightMoney{
+		font-size: 26rpx;
+		color: #3C3C3C;
+		font-weight: bold;
+	}
+	.itemBg{
+		margin: 0 16rpx 20rpx;
+		background-color: #FFFFFF;
+		border-radius: 10rpx;
+		padding: 30rpx 20rpx;
+	}
+	.first{
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+	}
+	.second{
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		margin-top: 15rpx;
+	}
+	.content{
+		margin-top: 15rpx;
+	}
+	.time{
+		font-size: 28rpx;
+		color: #999999;
+	}
+	.name{
+		font-size: 28rpx;
+		color: #3C3C3C;
+	}
+	.monty {
+		
+		font-size: 38rpx;
+		font-weight: bold;
+		color: #000000;
+	}
+	.content{
+		font-size: 28rpx;
+		color: #666666;
+	}
+</style>

pages/me/invite.vue

@@ -0,0 +1,206 @@
+<template>
+	<view class="box">
+
+		<view class="header">
+			<image src="../../static/img/btn_act@2x.png" mode="" class="guizeBtn"></image>
+		</view>
+
+		<!-- 统计 -->
+		<view class="sumBg">
+			<view class="viewBg" @click="gonavigateTo('extract')">
+				<view class="money" style="color: #FF4F00;">￥0</view>
+				<view class="moneyTitle">累计佣金
+					<image src="../../static/img/icon_arrow@2x.png" mode="" style="width: 18rpx; height: 18rpx;">
+					</image>
+				</view>
+			</view>
+
+			<view class="line"></view>
+			<view class="viewBg" @click="gonavigateTo('extractHistory')">
+				<view class="money">￥0</view>
+				<view class="moneyTitle">累计提现
+					<image src="../../static/img/icon_arrow@2x.png" mode="" style="width: 18rpx; height: 18rpx;">
+					</image>
+				</view>
+			</view>
+
+			<view class="line"></view>
+			<view class="viewBg" @click="gonavigateTo('')">
+				<view class="money">￥0</view>
+				<view class="moneyTitle">邀请人数
+					<image src="../../static/img/icon_arrow@2x.png" mode="" style="width: 18rpx; height: 18rpx;">
+					</image>
+				</view>
+			</view>
+		</view>
+
+		<!-- 明细 -->
+		<view class="mingxiBg"  v-if="arr.length > 0">
+			<view class="mingxi">
+				<view v-for="(item,index) in arr" :key="index" v-if="index<10">
+					<view class="itemBg">
+						<image src="../../static/img/homeBtn1.png" mode="" style="width: 72rpx; height: 72rpx;"></image>
+						<view class="nickName">昵称{{index}}</view>
+						<view class="time">2022.02.12</view>
+						<view class="jine">+18.09</view>
+					</view>
+				</view>
+			</view>
+			<!-- 查看更多 -->
+			<view class="moreView" v-if="arr.length > 10">
+				<view style="color: #3F90F7; font-size: 30rpx;">查看更多</view>
+				<image src="../../static/img/icon_arrow_blue.png" mode="" style="width: 24rpx; height: 24rpx;"></image>
+			</view>
+		</view>
+		<view class="mingxiBg" v-else>
+			<image src="../../static/img/bg_empty@2x.png" mode="" style="width: 100%;"></image>
+		</view>
+
+		<view style="height: 180rpx;"></view>
+		<view class="bottomView">
+			<image src="../../static/img/miandui.png" mode="" class="bottomImg"></image>
+			<image src="../../static/img/yaoqing.png" mode="" class="bottomImg"></image>
+		</view>
+
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				arr: [1,2,3,4,5],
+				
+			}
+		},
+		methods: {
+			gonavigateTo(url) {
+
+				uni.navigateTo({
+					url: url
+				})
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.box {
+		min-height: 100vh;
+		background: #F4F5F7;
+	}
+
+	.header {
+		width: 100vw;
+		height: 750rpx;
+		background-color: #DDDDDD;
+		/* background-image: url(''); */
+		background-size: 100% 100%;
+	}
+
+	.guizeBtn {
+		float: right;
+		margin-top: 48rpx;
+		width: 169rpx;
+		height: 56rpx;
+
+	}
+
+	.sumBg {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		margin: 20rpx 24rpx;
+		padding: 36rpx 50rpx;
+		background-color: #FFFFFF;
+		border-radius: 10rpx;
+	}
+
+	.viewBg {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		background-color: #FFFFFF;
+	}
+
+	.money {
+		font-size: 38rpx;
+		color: #000000;
+		font-weight: bold;
+	}
+
+	.moneyTitle {
+		font-size: 28rpx;
+		color: #666666;
+	}
+
+	.line {
+		width: 1rpx;
+		height: 73rpx;
+
+		background-color: #EEEEEE;
+	}
+	.mingxiBg{
+		margin: 0rpx 24rpx;
+		background-color: #FFFFFF;
+		
+		border-radius: 10rpx;
+	}
+	.mingxi {
+		
+		background-image: url(../../static/img/bg_jianban@2x.png);
+		background-size: 100%;
+		background-repeat: no-repeat;
+		padding-top: 89rpx;
+		
+	}
+
+	.itemBg {
+
+		height: 98rpx;
+		margin: 0 20rpx;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+	}
+	
+	.nickName {
+		font-size: 30rpx;
+		color: #3C3C3C;
+		flex-grow: 1;
+		margin: 0 15rpx;
+	}
+
+	.time {
+		font-size: 30rpx;
+		color: #999999;
+		margin: 0 15rpx;
+	}
+
+	.jine {
+		font-size: 32rpx;
+		color: #FF4F00;
+		font-weight: bold;
+		margin: 0 15rpx;
+	}
+	.moreView{
+		height: 92rpx;
+		
+		display: flex;
+		justify-content: center;
+		align-items: center;
+	}
+	.bottomView{
+		width: 100%;
+		height: 136rpx;
+		
+		position: fixed;
+		left: 0;
+		bottom: 0;
+		display: flex;
+		justify-content: space-around;
+	}
+	.bottomImg{
+		height: 136rpx;
+	}
+</style>

pages/me/me.vue

@@ -113,15 +113,13 @@
 				</view>
 				<image src="../../static/img/rightArrow.png" mode="" class="rightArrow"></image>
 			</view>
-			<!-- <view class="grayline"></view> -->
-
-			<!-- <view class="rowBox">
+			<view class="rowBox" @click="gonavigateTo('invite')">
 				<view class="leftView">
 					<image src="../../static/img/icon_yaoqing.png" mode="" class="liftIcon"></image>
 					<view class="rowTitle">邀请有礼</view>
 				</view>
 				<image src="../../static/img/rightArrow.png" mode="" class="rightArrow"></image>
-			</view> -->
+			</view>
 
 		</view>