个人中心新增

pages/user/index.wxss

@@ -5,6 +5,7 @@
 
 page {
     background-color: #e9e9e9;
+    padding-bottom: 20rpx;
 }
 
 /* 个人中心头部 */
@@ -13,11 +14,12 @@ page {
     padding: 0 30rpx;
     box-sizing: border-box;
     color: #fff;
+    padding-bottom: 80rpx;
 }
 
 .userTop-head {
     display: flex;
-    padding: 30rpx;
+    padding: 24rpx 30rpx;
 }
 
 .userTop-name {
@@ -45,25 +47,29 @@ page {
 
 .userTop-nav {
     display: flex;
+    flex-direction: row;
+    justify-content: flex-start;
+    padding-left: 30rpx;
 }
 
 .userTop-label {
-    flex: 3;
-    text-align: center;
-    font-size: 28rpx;
+    text-align: left;
+    font-size: 26rpx;
+    min-width: 160rpx;
 }
 
 .userTop-label text {
     display: block;
-    font-size: 42rpx;
+    font-size: 36rpx;
+    font-weight: 600;
 }
 
 .userTop-vip {
     background-image: linear-gradient(to left, #1b2653, #354273);
-    border-radius: 20rpx 20rpx 0 0;
-    padding: 25rpx;
+    border-radius: 20rpx;
+    padding: 16rpx 25rpx;
     box-sizing: border-box;
-    margin-top: 30rpx;
+    margin-top: 46rpx;
 }
 
 .userTop-vip,
@@ -75,7 +81,7 @@ page {
 .userTop-text {
     flex: 1;
     line-height: 60rpx;
-    font-size: 30rpx;
+    font-size: 28rpx;
 }
 
 .userTop-text image {
@@ -91,7 +97,7 @@ page {
     height: 60rpx;
     line-height: 60rpx;
     padding-right: 20rpx;
-    font-size: 26rpx;
+    font-size: 24rpx;
 }
 
 .userTop-btn image {
@@ -107,37 +113,43 @@ page {
     background-color: white;
     overflow: hidden;
     margin: 30rpx 20rpx;
+    position: relative;
+    top: -80rpx;
 }
 
 .userNav-label {
     width: 33.33%;
     float: left;
     text-align: center;
-    font-weight: 600;
+    font-weight: 400;
     color: #353535;
-    font-size: 30rpx;
+    font-size: 28rpx;
 }
 
 .userNav-label-img {
     width: 104rpx;
     height: 104rpx;
     border-radius: 40rpx;
-    margin: 0 auto 20rpx;
+    margin: 0 auto 1rpx;
     color: #fff;
     padding: 25rpx;
     box-sizing: border-box;
 }
 
 .userNav-label:nth-child(1) .userNav-label-img {
-    background-image: linear-gradient(to top, #91d634, #75c470);
+    /* background-image: linear-gradient(to top, #91d634, #75c470); */
 }
 
 .userNav-label:nth-child(2) .userNav-label-img {
-    background-image: linear-gradient(to top, #04d2c1, #3caff1);
+    /* background-image: linear-gradient(to top, #04d2c1, #3caff1); */
 }
 
 .userNav-label:nth-child(3) .userNav-label-img {
-    background-image: linear-gradient(to top, #ff686c, #ff0d76);
+    /* background-image: linear-gradient(to top, #ff686c, #ff0d76); */
+}
+
+.bgcolor {
+    background-image: linear-gradient(to top, #91d634, #75c470);
 }
 
 .userNav-label image {
@@ -154,6 +166,8 @@ page {
     margin: 0 20rpx;
     padding: 30rpx 20rpx 0;
     box-sizing: border-box;
+    position: relative;
+    top: -80rpx;
 }
 
 .userTool-title {
@@ -166,7 +180,7 @@ page {
 .userTool-title::after {
     position: absolute;
     content: '';
-    background-color: #066aff;
+    background-color: #378fff;
     left: 0;
     top: 15%;
     width: 8rpx;
@@ -185,6 +199,8 @@ page {
     float: left;
     text-align: center;
     margin-bottom: 50rpx;
+    font-size: 26rpx;
+    color: #333;
 }
 
 .userTool-label-img {
@@ -195,6 +211,20 @@ page {
     margin-bottom: 15rpx;
 }
 
+.userTool-label-img-button {
+    width: 94rpx;
+    height: 94rpx;
+    margin-bottom: 15rpx;
+    background-color: red;
+}
+.userTool-label-img-button image{
+    position: absolute;
+    left: 0;
+    top: 0;
+    height: 100%;
+    width: 100%;
+}
+
 .userTool-label-img image {
     position: absolute;
     left: 0;