diff --git a/pages.json b/pages.json
index 67e8f2c..1470207 100644
--- a/pages.json
+++ b/pages.json
@@ -104,6 +104,9 @@
 			},
 			{
 				"path": "kepp/keepAccountsDetail"
+			},
+			{
+				"path": "mine/InvitationCredit"
 			}
 		]
 	}],
diff --git a/pages_order/kepp/AnnualExpenditure.vue b/pages_order/kepp/AnnualExpenditure.vue
index 34d12f2..01f8bf7 100644
--- a/pages_order/kepp/AnnualExpenditure.vue
+++ b/pages_order/kepp/AnnualExpenditure.vue
@@ -82,9 +82,11 @@
 
 				.select {
 					background-color: #EBF0FC;
-					padding: 15rpx 20rpx;
+					padding: 15rpx 0rpx;
 					border: none;
 					color: #4280FD;
+					width: 150rpx;
+					text-align: center;
 				}
 			}
 
diff --git a/pages_order/mine/GainPoints.vue b/pages_order/mine/GainPoints.vue
index 4fecd9e..e1d201d 100644
--- a/pages_order/mine/GainPoints.vue
+++ b/pages_order/mine/GainPoints.vue
@@ -1,12 +1,33 @@
 <template>
 	<!-- 获取积分 -->
-	<view>
-		<navbar title="获取积分" 
-		bgColor="#3796F8" 
-		leftClick 
-		color="#fff"
-		@leftClick="$utils.navigateBack"/>
-		
+	<view class="page">
+		<navbar title="获取积分" bgColor="#3796F8" leftClick color="#fff" @leftClick="$utils.navigateBack" />
+
+		<view class="box">
+			<view class="card">
+				<view class="top">
+					<image src="../static/mine/characteristic.png" mode="aspectFill" />
+					<view>充值积分</view>
+				</view>
+				<view class="txt">注册用户享受最新充值优惠活动</view>
+				<view class="button">充值</view>
+				<view style="height: 40rpx;" />
+			</view>
+			<view class="card">
+				<view class="top">
+					<image src="../static/mine/crowd.png" mode="aspectFill" />
+					<view>邀请工业获取积分</view>
+				</view>
+				<view class="txt">成功邀请一名新好友注册，最高可获得
+					<text style="color: red;font-size: 32rpx;">2</text>
+					个正式积分。
+					<view style="color: red;">多邀多得！可叠加！</view>
+				</view>
+				<view class="button" @click="$utils.navigateTo('/pages_order/mine/InvitationCredit')">邀请</view>
+				<view style="height: 40rpx;" />
+			</view>
+		</view>
+		<view class="service">如有疑问请联系客服：<text>4008-678-918</text></view>
 	</view>
 </template>
 
@@ -14,15 +35,70 @@
 	export default {
 		data() {
 			return {
-				
+
 			}
 		},
 		methods: {
-			
+
 		}
 	}
 </script>
 
-<style>
+<style scoped lang="scss">
+	.page {
+		.box {
+			width: 94%;
+			margin-left: 3%;
+			background-color: #fff;
+			border-radius: 16rpx;
+			margin-top: 40rpx;
+
+			.card {
+				width: 94%;
+				margin-left: 3%;
+
+				.top {
+					display: flex;
+					align-items: center;
+					font-size: 32rpx;
+					padding: 20rpx 0;
+
+					view {
+						margin-left: 20rpx;
+					}
+
+					image {
+						height: 50rpx;
+						width: 50rpx;
+					}
+				}
 
-</style>
+				.txt {
+					font-size: 24rpx;
+					color: #999999;
+					margin-top: 20rpx;
+				}
+
+				.button {
+					text-align: center;
+					background-color: #3796F8;
+					color: #fff;
+					padding: 25rpx 0;
+					margin-top: 40rpx;
+					border-radius: 16rpx;
+				}
+			}
+		}
+
+		.service {
+			width: 94%;
+			margin-left: 3%;
+			font-size: 24rpx;
+			text-align: center;
+			margin-top: 20rpx;
+			padding: 25rpx 0;
+			background-color: #fff;
+			border-radius: 12rpx;
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages_order/mine/InvitationCredit.vue b/pages_order/mine/InvitationCredit.vue
new file mode 100644
index 0000000..39613a5
--- /dev/null
+++ b/pages_order/mine/InvitationCredit.vue
@@ -0,0 +1,194 @@
+<template>
+	<!-- 邀请积分 -->
+	<view class="page">
+		<navbar title="邀请积分" bgColor="#3796F8" leftClick color="#fff" @leftClick="$utils.navigateBack" />
+
+		<view class="TopBlock">
+			<view class="TopBlock-box">
+				<view class="TopBlock-top">
+					<image src="../static/mine/characteristic.png" mode="aspectFill" />
+					<view>您当前的正式积分</view>
+				</view>
+				<view class="TopBlock-balance">100</view>
+				<view class="TopBlock-button">
+					<view>积分明细</view>
+				</view>
+			</view>
+		</view>
+
+		<view class="card">
+			<view class="card-box">
+				<view class="card-top">获取正式积分</view>
+				<view style="background-color: #EDEDED; height: 1rpx;" />
+				<view class="card-cell">
+					<uv-cell-group>
+						<uv-cell>
+							<!-- 自定义左侧标题 -->
+							<template #title>
+								<text style="font-size: 12px;">邀请好友赚积分</text>
+							</template>
+							<!-- 自定义左侧标题下面的内容 -->
+							<template #label>
+								<view style="font-size: 20rpx;color: #999999; padding: 10rpx 0;">
+									<view>成功邀请一名好友注册，可获得2正式积分！</view>
+									<view>可叠加</view>
+								</view>
+
+							</template>
+							<!-- 自定义右侧值 -->
+							<template #value>
+								<text style="font-size: 24rpx; color: #4280FD;">去邀请</text>
+							</template>
+							<!-- 自定义左侧图标 -->
+							<template #icon>
+								<uv-icon size="50" name="../static/mine/notepad.png" />
+							</template>
+							<!-- 自定义右侧图标 -->
+							<template #right-icon>
+								<uv-icon color="#4280FD" size="30rpx" name="arrow-right"></uv-icon>
+							</template>
+						</uv-cell>
+					</uv-cell-group>
+				</view>
+			</view>
+		</view>
+		
+		<view class="card">
+			<view class="card-box">
+				<view class="card-top">招工找活</view>
+				<view style="background-color: #EDEDED; height: 1rpx;" />
+				<view class="card-cell">
+					<uv-cell-group>
+						<uv-cell>
+							<!-- 自定义左侧标题 -->
+							<template #title>
+								<text style="font-size: 12px;">我要找工作</text>
+							</template>
+							<!-- 自定义左侧标题下面的内容 -->
+							<template #label>
+								<view style="font-size: 20rpx;color: #999999; padding: 10rpx 0;">
+									<view>查看招工信息</view>
+								</view>
+		
+							</template>
+							<!-- 自定义右侧值 -->
+							<template #value>
+								<text style="font-size: 24rpx; color: #4280FD;">去找活</text>
+							</template>
+							<!-- 自定义左侧图标 -->
+							<template #icon>
+								<uv-icon size="50" name="../static/mine/notepad.png" />
+							</template>
+							<!-- 自定义右侧图标 -->
+							<template #right-icon>
+								<uv-icon color="#4280FD" size="30rpx" name="arrow-right"></uv-icon>
+							</template>
+						</uv-cell>
+					</uv-cell-group>
+				</view>
+			</view>
+		</view>
+
+		<view class="service">如有疑问请联系客服：<text>4008-678-918</text></view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+
+			}
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	.page {
+		.TopBlock {
+			height: 260rpx;
+			background-color: #3796F8;
+
+			.TopBlock-box {
+				width: 90%;
+				margin-left: 5%;
+
+				.TopBlock-top {
+					display: flex;
+					align-items: center;
+					padding: 20rpx 0;
+
+					view {
+						font-size: 32rpx;
+						color: #FFf;
+						margin-left: 20rpx;
+					}
+
+					image {
+						width: 40rpx;
+						height: 40rpx;
+					}
+				}
+
+				.TopBlock-balance {
+					font-size: 48rpx;
+					color: #fff;
+					font-weight: 600;
+				}
+
+				.TopBlock-button {
+					display: flex;
+					justify-content: flex-end;
+					font-size: 28rpx;
+					color: #4280FD;
+
+					view {
+						background-color: #fff;
+						padding: 15rpx 40rpx;
+						border-radius: 40rpx;
+						font-weight: 600;
+					}
+				}
+			}
+		}
+
+		.card {
+			width: 94%;
+			margin-left: 3%;
+			background-color: #fff;
+			margin-top: 30rpx;
+
+			.card-box {
+				width: 94%;
+				margin-left: 3%;
+
+				.card-top {
+					font-size: 28rpx;
+					color: #000;
+					font-weight: 600;
+					padding: 20rpx 0;
+				}
+
+				.card-cell {
+					/deep/ .uv-cell__body {
+						padding: 20rpx 0;
+					}
+				}
+			}
+		}
+		
+		.service {
+			width: 94%;
+			margin-left: 3%;
+			font-size: 24rpx;
+			text-align: center;
+			margin-top: 20rpx;
+			padding: 25rpx 0;
+			background-color: #fff;
+			border-radius: 12rpx;
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages_order/mine/MemberRecharge.vue b/pages_order/mine/MemberRecharge.vue
index 4fb0167..eb5e7df 100644
--- a/pages_order/mine/MemberRecharge.vue
+++ b/pages_order/mine/MemberRecharge.vue
@@ -1,28 +1,261 @@
 <template>
 	<!-- 会员充值 -->
-	<view>
-		<navbar title="会员充值" 
-		bgColor="#3796F8" 
-		leftClick 
-		color="#fff"
-		@leftClick="$utils.navigateBack"/>
-		
+	<view class="page">
+		<navbar title="会员充值" bgColor="#3796F8" leftClick color="#fff" @leftClick="$utils.navigateBack" />
+		<view class="head">
+			<view class="headImage">
+				<image :src="headImage" mode="aspectFill"></image>
+			</view>
+			<view class="info">
+				<view class="name">
+					倾心.
+					<view>
+						<uv-icon name="edit-pen" size="40rpx" color="#fff"></uv-icon>
+						修改资料
+					</view>
+				</view>
+				<view class="tips">
+					手机号：1300000000
+				</view>
+			</view>
+		</view>
+
+		<view class="openvip">开通VIP</view>
+
+		<view class="options">
+			<view class="option" v-for="(item,index) in 3" :key="index">
+				<view style="font-weight: 600;">普通VIP会员</view>
+				<view style="color: #FF2E2E;">
+					<text style="font-size: 20rpx;">￥</text>
+					<text style="font-size: 36rpx;">8</text>
+				</view>
+				<view>包年</view>
+			</view>
+		</view>
+
+		<view class="block">
+			<view class="privilege">普通专属特权</view>
+			<view class="cells">
+				<view class="cell">
+					<image src="../static/mine/characteristic.png" mode="aspectFill" />
+					<view class="text">
+						<view>特权一</view>
+						<view style="font-size: 24rpx;">该特权每天可免费查看2个号码。</view>
+					</view>
+				</view>
+				<view class="cell">
+					<image src="../static/mine/integral.png" mode="aspectFill" />
+					<view class="text">
+						<view>特权二</view>
+						<view style="font-size: 24rpx;">快速发布，优先审核</view>
+					</view>
+				</view>
+			</view>
+			<view class="tail">
+				<view>
+					<uv-radio-group v-model="radiovalue">
+						<uv-radio size="30rpx">
+						</uv-radio>
+					</uv-radio-group>
+				</view>
+				<view>开通前请阅读《会员服务协议》</view>
+			</view>
+		</view>
+
+		<view class="confirm">
+			<view class="box">
+				<view>
+					总计金额：￥8
+				</view>
+				<view>
+					确认协议并支付
+				</view>
+			</view>
+		</view>
 	</view>
+
+
 </template>
 
 <script>
 	export default {
 		data() {
 			return {
-				
+				radiovalue: false
 			}
 		},
+		computed: {
+			headImage() {
+				return '/static/image/center/headImage.png'
+			},
+
+		},
 		methods: {
-			
-		}
+
+		},
 	}
 </script>
 
-<style>
+<style scoped lang="scss">
+	.page {
+		background-color: #fff;
+		height: 100vh;
+
+		.head {
+			display: flex;
+			background-color: $uni-color;
+			padding: 40rpx 20rpx;
+			align-items: center;
+			position: relative;
+			color: #fff;
+			padding-bottom: 70rpx;
+
+			.headImage {
+				width: 120rpx;
+				height: 120rpx;
+				background-size: 100% 100%;
+				overflow: hidden;
+				border-radius: 50%;
+				margin-right: 40rpx;
+
+				image {
+					height: 100%;
+					width: 100%;
+				}
+			}
+
+			.info {
+				font-size: 28rpx;
+
+				.name {
+					font-size: 32rpx;
+					display: flex;
+					padding-bottom: 10rpx;
+
+					view {
+						display: flex;
+						font-size: 20rpx;
+						align-items: center;
+						padding-left: 20rpx;
+					}
+				}
+
+				.tips {
+					font-size: 26rpx;
+					color: #fff;
+				}
+			}
+		}
+
+		.openvip {
+			width: 100%;
+			text-align: center;
+			padding: 40rpx 0;
+			font-size: 36rpx;
+			font-weight: 500;
+		}
+
+		.options {
+			display: flex;
+			justify-content: space-around;
+
+			.option {
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				flex-direction: column;
+				border: 2rpx solid #3796F8;
+				width: 220rpx;
+				height: 240rpx;
+				border-radius: 16rpx;
 
-</style>
+				view {
+					margin-top: 15rpx;
+					font-size: 28rpx;
+				}
+			}
+		}
+
+		.block {
+			width: 90%;
+			margin-left: 5%;
+
+			.privilege {
+				font-size: 34rpx;
+				padding: 60rpx 0rpx 40rpx;
+			}
+
+			.cells {
+				display: flex;
+				flex-direction: column;
+				justify-content: space-between;
+				height: 170rpx;
+
+				.cell {
+					display: flex;
+					align-items: center;
+
+					.text {
+						margin-left: 20rpx;
+						color: #707070;
+						font-size: 28rpx;
+
+					}
+
+					image {
+						height: 70rpx;
+						width: 70rpx;
+					}
+				}
+
+			}
+
+			.tail {
+				display: flex;
+				align-items: center;
+				margin-top: 30rpx;
+
+				view:nth-child(2) {
+					margin-left: 10rpx;
+					color: #707070;
+					font-size: 24rpx;
+				}
+			}
+		}
+
+		.confirm {
+			display: flex;
+			position: fixed;
+			bottom: 0px;
+			width: 100%;
+			justify-content: center;
+			align-items: center;
+			padding: 8rpx 0;
+			box-shadow: 0 -2rpx 6rpx 0 #d9d9d9	;
+
+			.box {
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+				width: 92%;
+				font-size: 28rpx;
+
+				view:nth-child(1) {
+					color: #999999;
+				}
+				view:nth-child(2) {
+					padding: 25rpx 60rpx;
+					color: #FFFFFF;
+					background-color: #3796F8;
+					border-radius: 12rpx;
+					
+				}
+
+view:nth-child(1) {
+					color: #999999;
+				}
+			}
+		}
+
+	}
+</style>
\ No newline at end of file
diff --git a/pages_order/static/mine/characteristic.png b/pages_order/static/mine/characteristic.png
new file mode 100644
index 0000000..c25cc7d
Binary files /dev/null and b/pages_order/static/mine/characteristic.png differ
diff --git a/pages_order/static/mine/crowd.png b/pages_order/static/mine/crowd.png
new file mode 100644
index 0000000..9589731
Binary files /dev/null and b/pages_order/static/mine/crowd.png differ
diff --git a/pages_order/static/mine/integral.png b/pages_order/static/mine/integral.png
new file mode 100644
index 0000000..2cc643e
Binary files /dev/null and b/pages_order/static/mine/integral.png differ
diff --git a/pages_order/static/mine/notepad.png b/pages_order/static/mine/notepad.png
new file mode 100644
index 0000000..154f209
Binary files /dev/null and b/pages_order/static/mine/notepad.png differ