diff --git a/components/user/navs.vue b/components/user/navs.vue
new file mode 100644
index 0000000..5c63d71
--- /dev/null
+++ b/components/user/navs.vue
@@ -0,0 +1,29 @@
+<template>
+    <view class="nav">
+        <text>dsadasdas</text>
+        <image></image>
+    </view>
+</template>
+<script>
+export default {
+    name:"navs"    
+}
+</script>
+<style lang="scss" scoped>
+.nav{
+    width: 100%;
+    height: 100rpx;
+    display: flex;
+    padding: 30rpx;
+    align-items: center;
+    justify-content: space-between;
+    font-size: 30rpx;
+    margin-bottom: 2rpx;
+    color:#333;
+    background-color: #fff;
+    >image{
+        width: 13rpx;
+        height: 25rpx;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/pages.json b/pages.json
index 0b426af..810d263 100644
--- a/pages.json
+++ b/pages.json
@@ -65,6 +65,31 @@
 				}
 			}
 		}
+		,
+		{
+			"path": "pages/user/index",
+			"style": {
+				"navigationBarTitleText": "个人中心",
+				"app-plus": {
+                    "titleNView": {
+						"backgroundColor": "#FFFFFF",
+                        "titleColor": "#333333"
+					}
+				}
+			}
+		},
+		{
+			"path": "pages/user/info",
+			"style": {
+				"navigationBarTitleText": "个人资料",
+				"app-plus": {
+                    "titleNView": {
+						"backgroundColor": "#FFFFFF",
+                        "titleColor": "#333333"
+					}
+				}
+			}
+		}
 	],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
diff --git a/pages/user/index.vue b/pages/user/index.vue
new file mode 100644
index 0000000..7c8d3c5
--- /dev/null
+++ b/pages/user/index.vue
@@ -0,0 +1,74 @@
+<template>
+    <view class="user">
+        <view class="head">
+            <view class="info">
+                <image></image>
+                <view class="name">
+                    <text>萨大赛</text>
+                    <text>dasasd</text>
+                    <text>asdasd</text>
+                </view>
+            </view>
+            <image></image>
+        </view>
+        <navs></navs>
+        <navs></navs>
+        <navs></navs>
+    </view>
+</template>
+<script>
+import navs from "@/components/user/navs"
+export default {
+    name:"user" ,
+    components:{
+        navs
+    }  
+}
+</script>
+<style lang="scss" scoped>
+/deep/image{
+    background-color: #0f0;
+}
+
+.user{
+    background-color: #ececec;
+    .head{
+        width: 100%;
+        height: 220rpx;
+        background-color: #FF780F;
+        padding: 0 30rpx;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        .info{
+            display: flex;
+            align-items: center;
+            
+            >image{
+                width: 110rpx;
+                height: 110rpx;
+                border-radius: 50%;
+            }
+            .name{
+                font-size: 24rpx;
+                color: #fff;
+                display: flex;
+                flex-direction: column;
+                margin-left: 26rpx;
+                >text{
+                    margin-top: 14rpx;
+                }
+                >text:first-child{
+                    font-size: 28rpx;
+                    margin-top: 0;
+                }
+            }
+
+        }
+        >image{
+            width: 12rpx;
+            height: 20rpx;
+        }
+    }
+}
+</style>
\ No newline at end of file
diff --git a/pages/user/info.vue b/pages/user/info.vue
new file mode 100644
index 0000000..b78fd0a
--- /dev/null
+++ b/pages/user/info.vue
@@ -0,0 +1,45 @@
+<template>
+    <view class="info">
+        <view class="head">
+            <image></image>
+            <text>更换头像</text>
+        </view>
+        <view class="item">
+            <text></text>
+            <text></text>
+        </view>
+    </view>
+</template>
+<script>
+export default {
+    name:"info"    
+}
+</script>
+<style lang="scss" scoped>
+image{
+    background-color: #0f0;
+}
+.info{
+    background: #ececec;
+    .head{
+        height: 202rpx;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        background-color: #fff;
+        >image{
+            width: 120rpx;
+            height: 120rpx;
+            border-radius: 50%;
+        }
+        >text{
+            font-size: 24rpx;
+            color: #FF780F;
+            margin-top: 20rpx;
+        }
+        margin-bottom: 2rpx;
+    }
+
+}
+</style>
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
new file mode 100644
index 0000000..b0ddcd1
--- /dev/null
+++ b/yarn.lock
@@ -0,0 +1,8 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+uview-ui@^1.3.3:
+  version "1.3.3"
+  resolved "https://registry.npm.taobao.org/uview-ui/download/uview-ui-1.3.3.tgz#6e666c8e2139b1787eb48dc54a0a663cb2f728d7"
+  integrity sha1-bmZsjiE5sXh+tI3FSgpmPLL3KNc=