diff --git a/pages/index/center.vue b/pages/index/center.vue
index 792bfd4..4a472a5 100644
--- a/pages/index/center.vue
+++ b/pages/index/center.vue
@@ -1,31 +1,141 @@
 <template>
-	<view>
-		
-		<tabber :select="2"/>
-	</view>
+  <view style="display: flex;flex-direction: column; width: 100vw;height: 100vh;">
+    <tabber :select="2"/>
+    <!-- 顶部 -->
+    <view style="width: 100%;height: 30%;">
+      <image src="/static/image/center/1.png" style="width: 100%;height: 100%;"></image>
+    </view>
+
+    <!--中部 用户信息-->
+    <view style="border-radius: 20rpx;position: absolute;top: 20%;left: 10%;
+     width:80%;height: 12%;z-index: 1;background: white;">
+      <!--头像-->
+      <view style="position: absolute;z-index:2;width:33%;height:100%;border-radius: 50%;overflow: hidden;top: -32%;left: 0%;">
+        <image src="/static/image/center/椭圆形.png" style="width: 100%;height: 100%;"></image>
+      </view>
+      <!--福利中心-->
+      <view style="position: absolute;z-index:2;width:33%;height:30%;top: 13%;right: 2%;">
+        <image src="/static/image/center/编组 18.png" style="width: 100%;height: 100%;"></image>
+      </view>
+      <!--  未认证-->
+      <view style="position: absolute;z-index:2;width:15%;height:20%;top: 33%;left: 28%;">
+        <image src="/static/image/center/编组 28.png" style="width: 100%;height: 100%;"></image>
+      </view>
+      <!--  去认证  -->
+      <view style="position: absolute;z-index:2;width:55%;height:20%;top: 32%;left: 44%;">
+        <span style="font-size: 26rpx">去认证</span>
+      </view>
+      <!--  用户信息  -->
+      <view style="position: absolute;z-index:2;width:55%;height:20%;top: 60%;left: 7%;">
+        <view>
+          <span style="font-size: 35rpx;margin-right: 5rpx">海绵宝贝</span>
+          <span style="font-size: 18rpx">15012142563</span>
+        </view>
+      </view>
+      <!--  点赞量  -->
+      <view style="display: flex;flex-direction: column;gap:2rpx ;position: absolute;z-index:2;width:15%;height:40%;top: 55%;right: 3%;">
+        <view style="display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;">
+          <image src="/static/image/center/dianZan.svg" style="width: 40%;height: 84%;"></image>
+        </view>
+        <view style="display: flex;justify-content: center ;font-size: 20rpx;color:#777777">点赞量</view>
+      </view>
+    </view>
+
+    <!-- 下部 -->
+    <view style="width: 100%;height: 70%;padding-top:150rpx">
+      <view>
+        <!--上GridView-->
+        <view>
+          <uv-grid :col="4" @click="click">
+            <uv-grid-item v-for="(item,index) in baseList" :key="index">
+              <img :src="item.imageUrl" :alt="item.title"
+                   :style="{ width: '80rpx', height: '80rpx',marginBottom: '10rpx'}"/>
+              <text style="font-size: 30rpx;color: #333333;">{{ item.title }}
+              </text>
+            </uv-grid-item>
+          </uv-grid>
+        </view>
+
+        <!--其他-->
+        <view style="margin:50rpx 0  0 50rpx;font-size: 40rpx;color: #333333;">其他</view>
+
+        <!--下GridView-->
+        <view style="margin-top: 50rpx;">
+          <uv-grid :col="4" @click="click">
+            <uv-grid-item v-for="(item,index) in baseList" :key="index">
+              <img :src="item.imageUrl" :alt="item.title"
+                   :style="{ width: '80rpx', height: '80rpx',marginBottom: '10rpx'}"/>
+              <text style="font-size: 30rpx;color: #333333;">{{ item.title }}
+              </text>
+            </uv-grid-item>
+          </uv-grid>
+        </view>
+      </view>
+    </view>
+  </view>
 </template>
 
 <script>
-	import tabber from '@/components/base/tabbar.vue'
-	import { mapState } from 'vuex'
-	export default {
-		components : {
-			tabber
-		},
-		computed : {
-			...mapState(['count']),
-		},
-		data() {
-			return {
-				
-			}
-		},
-		methods: {
-			
-		}
-	}
+import tabber from '@/components/base/tabbar.vue'
+import {mapState} from 'vuex'
+
+export default {
+  components: {
+    tabber
+  },
+  computed: {
+    ...mapState(['count']),
+  },
+  data() {
+    return {
+      // 基础列表
+      baseList: [{
+        name: 'photo',
+        imageUrl: '/static/image/center/1.png',
+        title: '我的发布'
+      }, {
+        name: 'lock',
+        imageUrl: '/static/image/center/1.png',
+        title: '我的推广'
+      }, {
+        name: 'star',
+        imageUrl: '/static/image/center/1.png',
+        title: '我的银行卡'
+      }, {
+        name: 'star',
+        imageUrl: '/static/image/center/1.png',
+        title: '我的钱包'
+      }],
+      // 其他列表
+      otherList: [{
+        name: 'photo',
+        imageUrl: '/static/image/center/1.png',
+        title: '实名信息'
+      }, {
+        name: 'lock',
+        imageUrl: '/static/image/center/1.png',
+        title: '帮助反馈'
+      },]
+    }
+  },
+  methods: {
+    click(name) {
+      uni.showToast({
+        icon: 'none',
+        title: `点击了第${name}个`
+      })
+    }
+  }
+}
 </script>
 
-<style>
+<style lang="scss" scoped>
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
 
 </style>
+
diff --git a/static/image/center/1.png b/static/image/center/1.png
new file mode 100644
index 0000000..67db56e
Binary files /dev/null and b/static/image/center/1.png differ
diff --git a/static/image/center/dianZan.svg b/static/image/center/dianZan.svg
new file mode 100644
index 0000000..2addd09
--- /dev/null
+++ b/static/image/center/dianZan.svg
@@ -0,0 +1 @@
+<svg t="1724432174569" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4293" width="32" height="32"><path d="M190.193225 471.411583c14.446014 0 26.139334-11.718903 26.139334-26.13831 0-14.44499-11.69332-26.164916-26.139334-26.164916-0.271176 0-0.490164 0.149403-0.73678 0.149403l-62.496379 0.146333c-1.425466-0.195451-2.90005-0.295735-4.373611-0.295735-19.677155 0-35.621289 16.141632-35.621289 36.114522L86.622358 888.550075c0 19.949354 15.96767 35.597753 35.670407 35.597753 1.916653 0 3.808746 0.292666 5.649674 0l61.022819 0.022513c0.099261 0 0.148379 0.048095 0.24764 0.048095 0.097214 0 0.146333-0.048095 0.24457-0.048095l0.73678 0 0-0.148379c13.413498-0.540306 24.174586-11.422144 24.174586-24.960485 0-13.55983-10.760065-24.441669-24.174586-24.981974l0-0.393973-50.949392 0 1.450025-402.275993L190.193225 471.409536z" fill="#5D5D5D" p-id="4294"></path><path d="M926.52241 433.948343c-19.283182-31.445176-47.339168-44.172035-81.289398-45.546336-1.77032-0.246617-3.536546-0.39295-5.380544-0.39295l-205.447139-0.688685c13.462616-39.059598 22.698978-85.58933 22.698978-129.317251 0-28.349675-3.193739-55.962569-9.041934-82.542948l-0.490164 0.049119c-10.638291-46.578852-51.736315-81.31498-100.966553-81.31498-57.264215 0-95.466282 48.15065-95.466282 106.126063 0 3.241834-0.294712 6.387477 0 9.532097-2.996241 108.386546-91.240027 195.548698-196.23636 207.513194l0 54.881958-0.785899 222.227314 0 229.744521 10.709923 0 500.025271 0.222057 8.746198-0.243547c19.35686 0.049119 30.239721-4.817726 47.803749-16.116049 16.682961-10.761088 29.236881-25.50079 37.490869-42.156122 2.260483-3.341095 4.028757-7.075139 5.106298-11.20111l77.018118-344.324116c1.056052-4.053316 1.348718-8.181333 1.056052-12.160971C943.643346 476.446249 938.781618 453.944769 926.52241 433.948343zM893.82573 486.837924l-82.983993 367.783411-0.099261-0.049119c-2.555196 6.141884-6.879688 11.596106-12.872169 15.427364-4.177136 2.727111-8.773827 4.351098-13.414521 4.964058-1.49812-0.195451-3.046383 0-4.620227 0l-477.028511-0.540306-0.171915-407.408897c89.323375-40.266076 154.841577-79.670527 188.596356-173.661202 0.072655 0.024559 0.124843 0.049119 0.195451 0.072655 2.99931-9.137101 6.313799-20.73423 8.697079-33.164331 5.551436-29.185716 5.258771-58.123792 5.258771-58.123792-4.937452-37.98001 25.940812-52.965306 44.364417-52.965306 25.304316 0.860601 50.263777 33.656541 50.263777 52.326762 0 0 5.600555 27.563776 5.649674 57.190537 0.048095 37.366026-4.6673 56.847729-4.6673 56.847729l-0.466628 0c-5.872754 30.879288-16.214287 60.138682-30.464849 86.964654l0.36839 0.342808c-2.358721 4.815679-3.709485 10.220782-3.709485 15.943111 0 19.922748 19.088754 21.742187 38.765909 21.742187l238.761895 0.270153c0 0 14.666024 0.465604 14.690584 0.465604l0 0.100284c12.132318-0.638543 24.221658 5.207605 31.100322 16.409738 5.504364 9.016351 6.437619 19.6045 3.486404 28.988218L893.82573 486.837924z" fill="#5D5D5D" p-id="4295"></path><path d="M264.827039 924.31872c0.319272 0.024559 0.441045 0.024559 0.295735-0.024559 0.243547-0.048095 0.367367-0.074701-0.295735-0.074701s-0.539282 0.026606-0.271176 0.074701C264.43409 924.343279 264.532327 924.343279 264.827039 924.31872z" fill="#5D5D5D" p-id="4296"></path></svg>
\ No newline at end of file
diff --git a/static/image/center/椭圆形.png b/static/image/center/椭圆形.png
new file mode 100644
index 0000000..37a23ed
Binary files /dev/null and b/static/image/center/椭圆形.png differ
diff --git a/static/image/center/画板 1.png b/static/image/center/画板 1.png
new file mode 100644
index 0000000..b44cd65
Binary files /dev/null and b/static/image/center/画板 1.png differ
diff --git a/static/image/center/编组 18.png b/static/image/center/编组 18.png
new file mode 100644
index 0000000..469d74a
Binary files /dev/null and b/static/image/center/编组 18.png differ
diff --git a/static/image/center/编组 28.png b/static/image/center/编组 28.png
new file mode 100644
index 0000000..e26b54f
Binary files /dev/null and b/static/image/center/编组 28.png differ