diff --git a/pages.json b/pages.json
index 66c5068..eefda79 100644
--- a/pages.json
+++ b/pages.json
@@ -1,5 +1,44 @@
 {
 	"pages": [
+		{
+			"path": "pages/index/index",
+			"style": {
+				"navigationBarTitleText": "首页"
+			}
+		},
+        {
+            "path" : "pages/send/send",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "下载发送",
+                "enablePullDownRefresh": false
+            }
+            
+        },
+		{
+		    "path" : "pages/plans/plans",
+		    "style" :                                                                                    
+		    {
+		        "navigationBarTitleText": "产品方案",
+		        "enablePullDownRefresh": false
+		    }
+		},
+		{
+            "path" : "pages/teams/teams",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "团队",
+                "enablePullDownRefresh": false
+            }
+        },
+		{
+		    "path" : "pages/addOrder/addOrder",
+		    "style" :                                                                                    
+		    {
+		        "navigationBarTitleText": "新建订单",
+		        "enablePullDownRefresh": false
+		    }
+		},
 		{
             "path" : "pages/clients/clients",
             "style" :                                                                                    
@@ -16,13 +55,7 @@
 		        "enablePullDownRefresh": false
 		    }
 		    
-		},
-		{
-		"path": "pages/index/index",
-		"style": {
-			"navigationBarTitleText": "首页"
-		}
-	}    
+		}   
         ,{
             "path" : "pages/addClient/addClient",
             "style" :                                                                                    
@@ -50,6 +83,42 @@
             }
             
         }
+        ,{
+            "path" : "pages/person/person",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "我的",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+        ,{
+            "path" : "pages/addMember/addMember",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "添加成员",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+        ,{
+            "path" : "pages/addStaff/addStaff",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "添加成员",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+        ,{
+            "path" : "pages/detail/detail",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "详情",
+                "enablePullDownRefresh": false
+            }
+            
+        }
     ],
 	"condition": { //模式配置，仅开发期间生效
 		"current": 0, //当前激活的模式（list 的索引项）
@@ -66,5 +135,27 @@
 		"app-plus": {
 			"background": "#efeff4"
 		}
+	},
+	"tabBar": {
+		"color": "#7A7E83",
+		"selectedColor": "#0070ff",
+		"borderStyle": "black",
+		"backgroundColor": "#ffffff",
+		"list": [{
+			"pagePath": "pages/index/index",
+			// "iconPath": "static/image/icon_component.png",
+			// "selectedIconPath": "static/image/icon_component_HL.png",
+			"text": "首页"
+		}, {
+			"pagePath": "pages/clients/clients",
+			// "iconPath": "static/image/icon_API.png",
+			// "selectedIconPath": "static/image/icon_API_HL.png",
+			"text": "团队"
+		}, {
+			"pagePath": "pages/person/person",
+			// "iconPath": "static/image/icon_API.png",
+			// "selectedIconPath": "static/image/icon_API_HL.png",
+			"text": "我的"
+		}]
 	}
 }
diff --git a/pages/addClient/addClient.vue b/pages/addClient/addClient.vue
index 96a11e8..42c4bce 100644
--- a/pages/addClient/addClient.vue
+++ b/pages/addClient/addClient.vue
@@ -127,7 +127,7 @@
 	}
 </script>
 
-<style>
+<style scoped lang="scss">
 .form {
 	padding: 15px;
 	background-color: #fff;
diff --git a/pages/addMember/addMember.vue b/pages/addMember/addMember.vue
new file mode 100644
index 0000000..f310a12
--- /dev/null
+++ b/pages/addMember/addMember.vue
@@ -0,0 +1,62 @@
+<template>
+	<view class="container">
+		<uni-section title="基本信息" type="line">
+			<view class="form">
+				<uni-forms ref="baseForm" :modelValue="form">
+					<uni-forms-item label="姓名" name="contact" required>
+						<uni-easyinput v-model="form.contact" placeholder="请输入姓名" />
+					</uni-forms-item>
+					<uni-forms-item label="手机号" name="contact" required>
+						<uni-easyinput v-model="form.contact" placeholder="请输入手机号" />
+					</uni-forms-item>
+				</uni-forms>
+				<button type="primary" @click="submit('valiForm')">提交</button>
+			</view>
+		</uni-section>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				form: {
+					name: '',
+					provience: '',
+					city: '',
+					industryId: '',
+					age: '',
+					introduction: '',
+					sex: 2,
+					hobby: [5],
+					datetimesingle: 1627529992399
+				}
+			}
+		},
+		onLoad() {
+			console.log(getApp())
+		},
+		methods: {
+			onchange(e) {
+				console.log('---------onchange:', e);
+			},
+			submit(ref) {
+				this.$refs[ref].validate().then(res => {
+					console.log('success', res);
+					uni.showToast({
+						title: `校验通过`
+					})
+				}).catch(err => {
+					console.log('err', err);
+				})
+			},
+		}
+	}
+</script>
+
+<style scoped>
+.form {
+	padding: 15px;
+	background-color: #fff;
+}
+</style>
diff --git a/pages/addOrder/addOrder.vue b/pages/addOrder/addOrder.vue
new file mode 100644
index 0000000..4d5a8f5
--- /dev/null
+++ b/pages/addOrder/addOrder.vue
@@ -0,0 +1,182 @@
+<template>
+	<view class="container">
+		<uni-section title="基本信息" type="line">
+			<view class="form">
+				<uni-forms ref="baseForm" :modelValue="form" label-width="100">
+					<uni-forms-item label="商务经理">
+						<uni-easyinput v-model="form.provience" disabled />
+					</uni-forms-item>
+					<uni-forms-item label="客户名称" name="contact" required>
+						<uni-easyinput v-model="form.contact" placeholder="请选择" />
+					</uni-forms-item>
+					<uni-forms-item label="省份">
+						<uni-easyinput v-model="form.provience" disabled />
+					</uni-forms-item>
+					<uni-forms-item label="城市">
+						<uni-easyinput v-model="form.city" disabled />
+					</uni-forms-item>
+					<uni-forms-item label="联系人">
+						<uni-easyinput v-model="form.provience" disabled />
+					</uni-forms-item>
+					<uni-forms-item label="电话">
+						<uni-easyinput v-model="form.city" disabled />
+					</uni-forms-item>
+					<uni-forms-item label="邮箱">
+						<uni-easyinput v-model="form.provience" disabled />
+					</uni-forms-item>
+					<uni-forms-item label="订单类型">
+						<uni-data-checkbox v-model="form.orderType" :localdata="orderTypes"></uni-data-checkbox>
+					</uni-forms-item>
+					<uni-forms-item label="订单编号">
+						<uni-easyinput v-model="form.provience" disabled />
+					</uni-forms-item>
+					<uni-forms-item label="订单时间">
+						<uni-easyinput v-model="form.city" disabled />
+					</uni-forms-item>
+					<uni-forms-item label="订单金额(元)">
+						<uni-easyinput v-model="form.provience" disabled />
+					</uni-forms-item>
+				</uni-forms>
+			</view>
+		</uni-section>
+		
+		<uni-section title="订单产品" type="line">
+			<view class="card">
+				<button type="primary">添加产品</button>	
+			</view>
+		</uni-section>
+		<view class="product">
+			<view class="total">
+				<text>已选（）个产品</text>
+				<text>总成交价合计：20000（元）</text>
+			</view>
+			<view class="list">
+				<view class="line">总采购成本：</view>	
+				<view class="line">总产品利润：</view>	
+			</view>
+		</view>
+		<uni-card :is-shadow="false" :border="false" is-full>
+			<button type="primary" @click="submit('valiForm')">提交</button>
+		</uni-card>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				orderTypes: [{
+					text: '正式',
+					value: 0
+				}, {
+					text: '试用',
+					value: 1
+				}],
+				candidates: ['北京', '南京', '东京', '武汉', '天津', '上海', '海口'],
+				dataTree: [{
+						text: "一年级",
+						value: "1-0",
+						children: [{
+								text: "1.1班",
+								value: "1-1"
+							},
+							{
+								text: "1.2班",
+								value: "1-2"
+							}
+						]
+					},
+					{
+						text: "二年级",
+						value: "2-0",
+						children: [{
+								text: "2.1班",
+								value: "2-1"
+							},
+							{
+								text: "2.2班",
+								value: "2-2"
+							}
+						]
+					},
+					{
+						text: "三年级",
+						value: "3-0",
+						disable: true
+					}
+				],
+				form: {
+					orderType: 0,
+					provience: '',
+					city: '',
+					industryId: '',
+					age: '',
+					introduction: '',
+					sex: 2,
+					hobby: [5],
+					datetimesingle: 1627529992399
+				},
+				sexs: [{
+					text: '男',
+					value: 0
+				}, {
+					text: '女',
+					value: 1
+				}, {
+					text: '保密',
+					value: 2
+				}],
+			}
+		},
+		onLoad() {
+			console.log(getApp())
+		},
+		methods: {
+			bindPickerChange: function(e) {
+				console.log('picker发送选择改变，携带值为', e.detail.value)
+				this.index = e.detail.value
+			},
+			onchange(e) {
+				console.log('---------onchange:', e);
+			},
+			submit(ref) {
+				this.$refs[ref].validate().then(res => {
+					console.log('success', res);
+					uni.showToast({
+						title: `校验通过`
+					})
+				}).catch(err => {
+					console.log('err', err);
+				})
+			},
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+.form {
+	padding: 15px;
+	background-color: #fff;
+}
+.card {
+	padding: 15px;
+}
+.product {
+	margin: 10px 0;
+	background-color: #fff;
+	.total {
+		display: flex;
+		justify-content: space-between;
+		padding: 10px 15px;
+		font-size: 13px;
+		border-bottom: 1px solid #ddd;
+	}
+	.list {
+		padding: 10px 15px;
+		.line {
+			line-height: 30px;
+			font-size: 12px;
+		}
+	}
+}
+</style>
diff --git a/pages/addStaff/addStaff.vue b/pages/addStaff/addStaff.vue
new file mode 100644
index 0000000..9c0232d
--- /dev/null
+++ b/pages/addStaff/addStaff.vue
@@ -0,0 +1,28 @@
+<template>
+	<view>
+		<uni-section title="邀请员工" type="line">
+			<uni-list-item :show-extra-icon="true" showArrow :extra-icon="extraIcon" title="二维码邀请" />
+		</uni-section>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				extraIcon: {
+					color: '#007eff',
+					size: '22',
+					type: 'icon-qrcode'
+				}
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+
+</style>
diff --git a/pages/clients/clients.vue b/pages/clients/clients.vue
index 62a69b5..d845060 100644
--- a/pages/clients/clients.vue
+++ b/pages/clients/clients.vue
@@ -48,7 +48,7 @@
 	}
 </script>
 
-<style lang="scss">
+<style scoped lang="scss">
 .top {
 	display: flex;
 	align-items: center;
diff --git a/pages/detail/detail.vue b/pages/detail/detail.vue
new file mode 100644
index 0000000..875743c
--- /dev/null
+++ b/pages/detail/detail.vue
@@ -0,0 +1,35 @@
+<template>
+	<view>
+		<uni-card :is-shadow="false" :border="false" is-full>
+			<view class="tool">
+				<view class="download" @click="toPage">下载</view>
+			</view>
+			
+			<view class="content">
+				
+			</view>
+		</uni-card>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				// 跳转
+				toPage() {
+					this.$util.to('../send/send')
+				}
+			};
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+.tool {
+	.download {
+		font-size: 13px;
+		color: #1f83ff;
+	}
+}
+</style>
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 96a11e8..44fb2b1 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,48 +1,6 @@
 <template>
 	<view class="container">
-		<uni-section title="基本信息" type="line">
-			<view class="form">
-				<uni-forms ref="baseForm" :modelValue="form" label-width="100">
-					<uni-forms-item label="客户名称" name="name" required>
-						<uni-combox :candidates="candidates" placeholder="请选择客户名称" v-model="form.name"></uni-combox>
-					</uni-forms-item>
-					<uni-forms-item label="省份">
-						<uni-easyinput v-model="form.provience" disabled />
-					</uni-forms-item>
-					<uni-forms-item label="城市">
-						<uni-easyinput v-model="form.city" disabled />
-					</uni-forms-item>
-					<uni-forms-item label="行业" required>
-						<uni-data-picker placeholder="请选择班级" popup-title="请选择行业" :localdata="dataTree" v-model="form.industryId"
-							@change="onchange">
-						</uni-data-picker>
-					</uni-forms-item>
-					<uni-forms-item label="联系人姓名" name="contact" required>
-						<uni-easyinput v-model="form.contact" placeholder="请输入联系人姓名" />
-					</uni-forms-item>
-					<uni-forms-item label="手机" name="contact">
-						<uni-easyinput v-model="form.contact" placeholder="请输入手机" />
-					</uni-forms-item>
-					<uni-forms-item label="账号" name="contact" required>
-						<uni-easyinput v-model="form.contact" placeholder="请以院校首字母+admin的格式来设置" />
-					</uni-forms-item>
-					<uni-forms-item label="职务" name="contact">
-						<uni-easyinput v-model="form.contact" placeholder="请输入职务" />
-					</uni-forms-item>
-					<uni-forms-item label="邮箱" name="contact">
-						<uni-easyinput v-model="form.contact" placeholder="请输入邮箱" />
-					</uni-forms-item>
-					<uni-forms-item label="产品到期时间">
-						<uni-datetime-picker type="datetime" return-type="timestamp"
-							v-model="form.datetimesingle" />
-					</uni-forms-item>
-					<uni-forms-item label="客户类型">
-						<uni-easyinput v-model="form.city" disabled />
-					</uni-forms-item>
-				</uni-forms>
-				<button type="primary" @click="submit('valiForm')">提交</button>
-			</view>
-		</uni-section>
+		首页
 	</view>
 </template>
 
@@ -50,86 +8,18 @@
 	export default {
 		data() {
 			return {
-				candidates: ['北京', '南京', '东京', '武汉', '天津', '上海', '海口'],
-				dataTree: [{
-						text: "一年级",
-						value: "1-0",
-						children: [{
-								text: "1.1班",
-								value: "1-1"
-							},
-							{
-								text: "1.2班",
-								value: "1-2"
-							}
-						]
-					},
-					{
-						text: "二年级",
-						value: "2-0",
-						children: [{
-								text: "2.1班",
-								value: "2-1"
-							},
-							{
-								text: "2.2班",
-								value: "2-2"
-							}
-						]
-					},
-					{
-						text: "三年级",
-						value: "3-0",
-						disable: true
-					}
-				],
-				form: {
-					name: '',
-					provience: '',
-					city: '',
-					industryId: '',
-					age: '',
-					introduction: '',
-					sex: 2,
-					hobby: [5],
-					datetimesingle: 1627529992399
-				},
-				sexs: [{
-					text: '男',
-					value: 0
-				}, {
-					text: '女',
-					value: 1
-				}, {
-					text: '保密',
-					value: 2
-				}],
+				
 			}
 		},
 		onLoad() {
-			console.log(getApp())
+			
 		},
 		methods: {
-			onchange(e) {
-				console.log('---------onchange:', e);
-			},
-			submit(ref) {
-				this.$refs[ref].validate().then(res => {
-					console.log('success', res);
-					uni.showToast({
-						title: `校验通过`
-					})
-				}).catch(err => {
-					console.log('err', err);
-				})
-			},
+			
 		}
 	}
 </script>
 
 <style>
-.form {
-	padding: 15px;
-	background-color: #fff;
-}
+
 </style>
diff --git a/pages/ordered/ordered.vue b/pages/ordered/ordered.vue
index 00305ea..4ecf78f 100644
--- a/pages/ordered/ordered.vue
+++ b/pages/ordered/ordered.vue
@@ -83,23 +83,6 @@
 		flex: 1;
 	}
 }
-.tab {
-	display: flex;
-	justify-content: space-around;
-	padding: 10px;
-	margin-bottom: 10px;
-	background-color: #fff;
-	li {
-		padding: 0 4px;
-		font-size: 14px;
-		line-height: 30px;
-		border-bottom: 3px solid transparent;
-	}
-	.active {
-		color: $uni-primary;
-		border-bottom-color: $uni-primary;
-	}
-}
 .list {
 	background-color: #fff;
 	li {
diff --git a/pages/orders/orders.vue b/pages/orders/orders.vue
index 12c349a..ed95d67 100644
--- a/pages/orders/orders.vue
+++ b/pages/orders/orders.vue
@@ -24,7 +24,7 @@
 			</ul>
 		</uni-card>
 		
-		<uni-icons class="plus" type="plus-filled" size="60" color="#007eff" @click="toPage"></uni-icons>
+		<uni-icons class="plus" type="plus-filled" size="60" color="#007eff" @click="toPage('../addOrder/addOrder')"></uni-icons>
 	</view>
 </template>
 
diff --git a/pages/person/person.vue b/pages/person/person.vue
new file mode 100644
index 0000000..8183fd0
--- /dev/null
+++ b/pages/person/person.vue
@@ -0,0 +1,22 @@
+<template>
+	<view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+
+</style>
diff --git a/pages/plans/plans.vue b/pages/plans/plans.vue
new file mode 100644
index 0000000..11defdb
--- /dev/null
+++ b/pages/plans/plans.vue
@@ -0,0 +1,125 @@
+<template>
+	<view>
+		<view class="top">
+			<uni-search-bar class="search" radius="5" placeholder="请输入方案名称" clearButton="auto" cancelButton="none" @confirm="search" />
+			<uni-icons class="icon" custom-prefix="iconfont" type="icon-filter" size="18" color="#007eff"></uni-icons>
+		</view>
+		
+		<ul class="tab">
+			<li v-for="(tab, i) in tabs" :class="{active: curTab === tab.id}" @click="tabChange(tab)">{{ tab.name }}</li>
+		</ul>
+		
+			<ul class="list">
+				<li>
+					<view class="name">金融科技实验方案</view>
+					<view class="block">
+						<view class="info">
+							<view class="line">
+								<view class="label">产品</view>
+								<view class="val">程序设计、量化投资</view>
+							</view>
+							<view class="line">
+								<view class="label">更新日期</view>
+								<view class="val">201212</view>
+							</view>
+							<view class="line">
+								<view class="label">适用专业</view>
+								<view class="val">金融、大数据</view>
+							</view>
+						</view>
+						<view class="detail" @click="toDetail">详情</view>
+					</view>
+				</li>
+			</ul>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				curTab: 0,
+				tabs: [
+					{
+						name: '不限',
+						id: 0
+					},
+					{
+						name: '金融科技',
+						id: 1
+					},
+					{
+						name: '大数据实验室',
+						id: 2
+					}
+				]
+			}
+		},
+		methods: {
+			search(res) {
+				uni.showToast({
+					title: '搜索：' + res.value,
+					icon: 'none'
+				})
+			},
+			// tab切换
+			tabChange(tab) {
+				this.curTab = tab.id
+			},
+			// 跳转详情
+			toDetail() {
+				this.$util.to('../detail/detail')
+			}
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+.top {
+	display: flex;
+	align-items: center;
+	padding: 5px 15px 5px 5px;
+	margin-bottom: 10px;
+	background-color: #fff;
+	.search {
+		flex: 1;
+	}
+}
+.list {
+	background-color: #fff;
+	li {
+		padding: 20px;
+		border-bottom: 2px solid #f8f8f8;
+	}
+	.name {
+		font-size: 14px;
+		color: #333;
+	}
+	.line {
+		display: flex;
+		margin-bottom: 10px;
+	}
+	.block {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		margin-top: 10px;
+	}
+	.info {
+		margin: 5px 0;
+	}
+	.label {
+		width: 70px;
+		font-size: 12px;
+		color: #898989;
+	}
+	.val {
+		font-size: 12px;
+		color: #898989;
+	}
+	.detail {
+		font-size: 13px;
+		color: #1f83ff;
+	}
+}
+</style>
diff --git a/pages/send/send.vue b/pages/send/send.vue
new file mode 100644
index 0000000..72d737b
--- /dev/null
+++ b/pages/send/send.vue
@@ -0,0 +1,82 @@
+<template>
+	<view class="container">
+		<uni-card :is-shadow="false" :border="false" is-full>
+			<view class="form">
+				<view class="line">
+					<uni-data-checkbox v-model="type" :localdata="my"></uni-data-checkbox>
+					<text>我的邮箱</text>
+					<uni-easyinput v-model="form.contact" />
+				</view>
+				<view class="line">
+					<uni-data-checkbox v-model="type1" :localdata="my"></uni-data-checkbox>
+					<text>其他邮箱</text>
+					<uni-easyinput v-model="form.contact" placeholder="请输入其他邮箱" />
+				</view>
+				<button type="primary" @click="submit('valiForm')">确认</button>
+			</view>
+		</uni-card>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				type: 0,
+				type1: 1,
+				my: [{
+					text: '',
+					value: 0
+				}],
+				other: [{
+					text: '',
+					value: 1
+				}],
+				form: {
+					name: '',
+					provience: '',
+					city: '',
+					industryId: '',
+					age: '',
+					introduction: '',
+					sex: 2,
+					hobby: [5],
+					datetimesingle: 1627529992399
+				}
+			}
+		},
+		onLoad() {
+			console.log(getApp())
+		},
+		methods: {
+			onchange(e) {
+				console.log('---------onchange:', e);
+			},
+			submit(ref) {
+				this.$refs[ref].validate().then(res => {
+					console.log('success', res);
+					uni.showToast({
+						title: `校验通过`
+					})
+				}).catch(err => {
+					console.log('err', err);
+				})
+			},
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+.form {
+	padding: 15px;
+	background-color: #fff;
+}
+.line {
+	display: flex;
+	align-items: center;
+	margin-bottom: 15px;
+	text {
+		margin: 0 10px 0 -20px;
+	}
+}
+</style>
diff --git a/pages/teams/teams.vue b/pages/teams/teams.vue
new file mode 100644
index 0000000..1985901
--- /dev/null
+++ b/pages/teams/teams.vue
@@ -0,0 +1,76 @@
+<template>
+	<view>
+		<uni-card :is-shadow="false" :border="false" is-full spacing="0" margin="20">
+			<uni-search-bar class="search" radius="5" placeholder="请输入成员名称" clearButton="auto" cancelButton="none" @confirm="search" />
+		</uni-card>
+		
+		<ul class="list">
+			<li @click="toPage('../addMember/addMember')">
+				<image class="avatar" src="../../static/avatar.jpg" mode=""></image>
+				<view class="info">
+					<view class="name">Luna</view>
+					<view class="text">手机号码：1352351253</view>
+					<view class="text">加入时间：2020-01-02</view>
+				</view>
+			</li>
+		</ul>
+		
+		<uni-icons class="plus" type="plus-filled" size="60" color="#007eff" @click="toPage('../addStaff/addStaff')"></uni-icons>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			search(res) {
+				uni.showToast({
+					title: '搜索：' + res.value,
+					icon: 'none'
+				})
+			},
+			toPage(path) {
+				this.$util.to(path)
+			}
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+.list {
+	margin-top: 10px;
+	background-color: #fff;
+	li {
+		display: flex;
+		align-items: center;
+		padding: 10px 20px;
+		border-bottom: 1px solid #f7f7f7;
+		&:last-child {
+			border-bottom: 0;
+		}
+	}
+	.avatar {
+		width: 40px;
+		height: 40px;
+		margin-right: 15px;
+		border-radius: 50%;
+	}
+	.name {
+		font-size: 14px;
+		color: #333;
+	}
+	.text {
+		font-size: 13px;
+		color: #858585;
+	}
+}
+.plus {
+	position: fixed;
+	bottom: 20px;
+	right: 20px;
+}
+</style>
diff --git a/static/avatar.jpg b/static/avatar.jpg
new file mode 100644
index 0000000..d047eb7
Binary files /dev/null and b/static/avatar.jpg differ
diff --git a/static/iconfont/iconfont.css b/static/iconfont/iconfont.css
index 76c2e97..3a65ec5 100644
--- a/static/iconfont/iconfont.css
+++ b/static/iconfont/iconfont.css
@@ -1,6 +1,5 @@
 @font-face {
-  font-family: "iconfont";
-  src: url('/static/iconfont/iconfont.ttf') format('truetype');
+  font-family: "iconfont";
  src: url('/static/iconfont/iconfont.ttf') format('truetype');
 }
 
 .iconfont {
@@ -11,6 +10,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-qrcode:before {
+  content: "\e7dd";
+}
+
 .icon-dingdan:before {
   content: "\e601";
 }
diff --git a/static/iconfont/iconfont.ttf b/static/iconfont/iconfont.ttf
index dbb36b9..9db285d 100644
Binary files a/static/iconfont/iconfont.ttf and b/static/iconfont/iconfont.ttf differ
diff --git a/styles/common.scss b/styles/common.scss
index f4aafa6..5039078 100644
--- a/styles/common.scss
+++ b/styles/common.scss
@@ -1,3 +1,21 @@
 button[type=primary] {
 	background-color: #007eff;
+}
+
+.tab {
+	display: flex;
+	justify-content: space-around;
+	padding: 10px;
+	margin-bottom: 10px;
+	background-color: #fff;
+	li {
+		padding: 0 4px;
+		font-size: 14px;
+		line-height: 30px;
+		border-bottom: 3px solid transparent;
+	}
+	.active {
+		color: $uni-primary;
+		border-bottom-color: $uni-primary;
+	}
 }
\ No newline at end of file