diff --git a/App.vue b/App.vue
index 8c2b732..637eed1 100644
--- a/App.vue
+++ b/App.vue
@@ -1,17 +1,22 @@
 <script>
 	export default {
-		onLaunch: function() {
-			console.log('App Launch')
-		},
-		onShow: function() {
-			console.log('App Show')
-		},
-		onHide: function() {
-			console.log('App Hide')
-		}
+		onLaunch: function() {},
+		onShow: function() {},
+		onHide: function() {}
 	}
 </script>
 
-<style>
+<style lang="scss">
+	@import "uview-ui/index.scss";
+
 	/*每个页面公共css */
-</style>
+	page {
+		// background-color: #F4F5F7;
+	}
+
+	.app {
+		width: 100%;
+		height: 100%;
+		color: #000000;
+	}
+</style>
\ No newline at end of file
diff --git a/main.js b/main.js
index c1caf36..e4eb684 100644
--- a/main.js
+++ b/main.js
@@ -3,6 +3,9 @@ import App from './App'
 // #ifndef VUE3
 import Vue from 'vue'
 import './uni.promisify.adaptor'
+// main.js
+import uView from "uview-ui";
+Vue.use(uView);
 Vue.config.productionTip = false
 App.mpType = 'app'
 const app = new Vue({
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..550400f
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,28 @@
+{
+  "name": "xinelu-applet-ui",
+  "version": "1.0.0",
+  "lockfileVersion": 2,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "xinelu-applet-ui",
+      "version": "1.0.0",
+      "license": "ISC",
+      "dependencies": {
+        "uview-ui": "^1.8.8"
+      }
+    },
+    "node_modules/uview-ui": {
+      "version": "1.8.8",
+      "resolved": "https://registry.npmjs.org/uview-ui/-/uview-ui-1.8.8.tgz",
+      "integrity": "sha512-Osal3yzXiHor0In9OPTZuXTaqTbDglMZ9RGK/MPYDoQQs+y0hrBCUD0Xp5T70C8i2lLu2X6Z11zJhmsQWMR7Jg=="
+    }
+  },
+  "dependencies": {
+    "uview-ui": {
+      "version": "1.8.8",
+      "resolved": "https://registry.npmjs.org/uview-ui/-/uview-ui-1.8.8.tgz",
+      "integrity": "sha512-Osal3yzXiHor0In9OPTZuXTaqTbDglMZ9RGK/MPYDoQQs+y0hrBCUD0Xp5T70C8i2lLu2X6Z11zJhmsQWMR7Jg=="
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..9496229
--- /dev/null
+++ b/package.json
@@ -0,0 +1,19 @@
+{
+  "name": "xinelu-applet-ui",
+  "version": "1.0.0",
+  "description": "",
+  "main": "main.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "http://101.200.89.70:3000/jihan/xinelu-applet-ui.git"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "uview-ui": "^1.8.8"
+  }
+}
diff --git a/pages.json b/pages.json
index b30c6c0..18a0852 100644
--- a/pages.json
+++ b/pages.json
@@ -1,8 +1,29 @@
 {
+	"easycom": {
+		"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
+	},
 	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
 		{
-			"path": "pages/index/index",
+			"path": "pages/myinformation/myinformation",
+			"style": {
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+		}, {
+			"path": "pages/homepage/homepage",
 			"style": {}
+		}, {
+			"path": "pages/medicalservice/medicalservice",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+		}, {
+			"path": "pages/message/message",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
 		}
 	],
 	"subPackages": [{
@@ -18,5 +39,36 @@
 		"navigationBarBackgroundColor": "#F8F8F8",
 		"backgroundColor": "#F8F8F8"
 	},
-	"uniIdRouter": {}
+	"uniIdRouter": {},
+	"tabBar": {
+		"color": "#7A7E83",
+		"selectedColor": "#435950",
+		"borderStyle": "black",
+		"backgroundColor": "#ffffff",
+		"list": [{
+				"pagePath": "pages/homepage/homepage",
+				"iconPath": "static/homepage.png",
+				"selectedIconPath": "static/homepages.png",
+				"text": "首页"
+			},
+			{
+				"pagePath": "pages/medicalservice/medicalservice",
+				"iconPath": "static/medicalservice.png",
+				"selectedIconPath": "static/medicalservices.png",
+				"text": "医服务"
+			},
+			{
+				"pagePath": "pages/message/message",
+				"iconPath": "static/message.png",
+				"selectedIconPath": "static/messages.png",
+				"text": "消息"
+			},
+			{
+				"pagePath": "pages/myinformation/myinformation",
+				"iconPath": "static/myinformation.png",
+				"selectedIconPath": "static/myinformations.png",
+				"text": "我的"
+			}
+		]
+	}
 }
\ No newline at end of file
diff --git a/pages/index/index.vue b/pages/homepage/homepage.vue
similarity index 100%
rename from pages/index/index.vue
rename to pages/homepage/homepage.vue
diff --git a/pages/medicalservice/medicalservice.vue b/pages/medicalservice/medicalservice.vue
new file mode 100644
index 0000000..8c3b35f
--- /dev/null
+++ b/pages/medicalservice/medicalservice.vue
@@ -0,0 +1,19 @@
+<template>
+	<view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			};
+		}
+	}
+</script>
+
+<style lang="scss">
+
+</style>
diff --git a/pages/message/message.vue b/pages/message/message.vue
new file mode 100644
index 0000000..8c3b35f
--- /dev/null
+++ b/pages/message/message.vue
@@ -0,0 +1,19 @@
+<template>
+	<view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			};
+		}
+	}
+</script>
+
+<style lang="scss">
+
+</style>
diff --git a/pages/myinformation/myinformation.vue b/pages/myinformation/myinformation.vue
new file mode 100644
index 0000000..692603f
--- /dev/null
+++ b/pages/myinformation/myinformation.vue
@@ -0,0 +1,65 @@
+<template>
+	<view class="app">
+		<view class="topbanner">
+			<view class="title">
+				我的
+			</view>
+			<image src="../../static/pages/userbanner.png" mode="" class="userbanner"></image>
+			<image src="../../static/pages/headsculpture.png" mode="" class="headsculpture"></image>
+			<view class="name">
+				张三
+			</view>
+			<view class="signing">
+
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+
+			};
+		}
+	}
+</script>
+
+<style lang="scss">
+	.app {
+		.topbanner {
+			width: 100%;
+			height: 450rpx;
+			position: relative;
+
+			.title {
+				position: absolute;
+				top: 20%;
+				left: 0%;
+				width: 100%;
+				text-align: center;
+				font-size: 34rpx;
+				font-weight: 600;
+				color: #FFFFFF;
+			}
+
+			.headsculpture {
+				position: absolute;
+				top: 40%;
+				left: 8%;
+				width: 120rpx;
+				height: 120rpx;
+			}
+
+			.userbanner {
+				position: absolute;
+				top: 0%;
+				left: 0%;
+				z-index: -1;
+				width: 100%;
+				height: 100%;
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/static/homepage.png b/static/homepage.png
new file mode 100644
index 0000000..5891baa
Binary files /dev/null and b/static/homepage.png differ
diff --git a/static/homepages.png b/static/homepages.png
new file mode 100644
index 0000000..8c67a7e
Binary files /dev/null and b/static/homepages.png differ
diff --git a/static/medicalservice.png b/static/medicalservice.png
new file mode 100644
index 0000000..fdc6e12
Binary files /dev/null and b/static/medicalservice.png differ
diff --git a/static/medicalservices.png b/static/medicalservices.png
new file mode 100644
index 0000000..ebb95b3
Binary files /dev/null and b/static/medicalservices.png differ
diff --git a/static/message.png b/static/message.png
new file mode 100644
index 0000000..3acebbd
Binary files /dev/null and b/static/message.png differ
diff --git a/static/messages.png b/static/messages.png
new file mode 100644
index 0000000..9803c8e
Binary files /dev/null and b/static/messages.png differ
diff --git a/static/myinformation.png b/static/myinformation.png
new file mode 100644
index 0000000..ed19111
Binary files /dev/null and b/static/myinformation.png differ
diff --git a/static/myinformations.png b/static/myinformations.png
new file mode 100644
index 0000000..b507829
Binary files /dev/null and b/static/myinformations.png differ
diff --git a/static/pages/headsculpture.png b/static/pages/headsculpture.png
new file mode 100644
index 0000000..743d326
Binary files /dev/null and b/static/pages/headsculpture.png differ
diff --git a/static/pages/userbanner.png b/static/pages/userbanner.png
new file mode 100644
index 0000000..92c2017
Binary files /dev/null and b/static/pages/userbanner.png differ
diff --git a/uni.scss b/uni.scss
index a05adb4..625a190 100644
--- a/uni.scss
+++ b/uni.scss
@@ -13,7 +13,7 @@
  */
 
 /* 颜色变量 */
-
+@import 'uview-ui/theme.scss';
 /* 行为相关颜色 */
 $uni-color-primary: #007aff;
 $uni-color-success: #4cd964;