Browse Source

更新个人中心样式

306132416@qq.com 4 years ago
parent
commit
7c49b263c4

+ 2 - 1
pages.json

@@ -18,7 +18,8 @@
 		{
 			"path": "pages/selfCenter/index",
 			"style": {
-				"navigationBarTitleText": "我的"
+				"navigationBarTitleText": "我的",
+				 "navigationStyle":"custom"  
 			}
 		},
 		{

+ 19 - 18
pages/selfCenter/index.vue

@@ -35,10 +35,10 @@ export default {
     return {
       message: "我的",
       list: [
-        { icoin: "/static/logo.png", name: "我的建议" },
-        { icoin: "/static/logo.png", name: "我的报名" },
-        { icoin: "/static/logo.png", name: "我的收藏" },
-        { icoin: "/static/logo.png", name: "退出登录" },
+        { icoin: "/static/selfCenter/sign.png", name: "我的建议" },
+        { icoin: "/static/selfCenter/sign.png", name: "我的报名" },
+        { icoin: "/static/selfCenter/collection.png", name: "我的收藏" },
+        { icoin: "/static/selfCenter/back.png", name: "退出登录" },
       ],
     };
   },
@@ -54,14 +54,14 @@ export default {
 
   .self-inf {
     position: relative;
-    height: 400rpx;
+    height: 440rpx;
     width: 100%;
     display: flex;
     margin-bottom: 80rpx;
     border-radius: 0rpx 0rpx 100% 100%;
     .img-name-box {
       height: 150rpx;
-      margin-top: 80rpx;
+      margin-top: 70rpx;
       display: flex;
       align-items: center;
       .heade-img {
@@ -69,7 +69,7 @@ export default {
         width: 100rpx;
         height: 100rpx;
         border-radius: 50%;
-        margin-left: 100rpx;
+        margin-left: 80rpx;
       }
     }
 
@@ -88,18 +88,18 @@ export default {
 	}
     .nickname {
       font-weight: 600;
-      font-size: 35rpx;
-      margin-left: 40rpx;
-			color: #ffffff;
-			letter-spacing: 1rpx;
+	  font-size: 28rpx;
+	  margin-left: 30rpx;
+	  margin-top: 20rpx;
+	  color: #ffffff;
+	  letter-spacing: 1rpx;
     }
   }
   .options {
     padding: 70rpx;
-
     z-index: 99;
     position: relative;
-    top: -230rpx;
+    top: -270rpx;
     .options-item {
       background-color: #fff;
       display: flex;
@@ -111,14 +111,15 @@ export default {
       .img-box {
         margin-left: 40rpx;
         .options-item-img {
-          width: 60rpx;
-          height: 60rpx;
+          width: 56rpx;
+          height: 56rpx;
         }
       }
       .options-item-name {
-        margin-left: 40rpx;
-        font-weight: 600;
-        font-size: 35rpx;
+			margin-left: 40rpx;
+			font-weight: 600;
+			font-size: 30rpx;
+			margin-bottom: 10rpx;
       }
     }
   }

BIN
static/selfCenter/back.png


BIN
static/selfCenter/collection.png


BIN
static/selfCenter/sign.png