diff --git a/pages/my/index.vue b/pages/my/index.vue index e8bfe1f..600a509 100644 --- a/pages/my/index.vue +++ b/pages/my/index.vue @@ -18,11 +18,11 @@ + 我的钱包 - + {{money}} - 我的钱包 @@ -683,14 +683,15 @@ padding-top: 30rpx; } .my-head-mian-top-yuE{ - font-size: 55rpx; - color: #f95900; - margin-top: 20rpx; + font-size: 70rpx; + color: #333; + margin-top: 30rpx; + font-weight: bold; } .my-head-mian-top-view-chong,.my-head-mian-top-view-ming{ - width: 150rpx; - height: 60rpx; - line-height: 60rpx; + width: 120rpx; + height: 50rpx; + line-height: 50rpx; text-align: center; border-radius: 60rpx; font-size: 28rpx; @@ -705,16 +706,22 @@ color: #333; } .my-head-mian-top-view-qian{ + width: 300rpx; font-size: 24rpx; color: #999; - margin-left: 20rpx; - margin-bottom: 12rpx; + background: linear-gradient(90deg, #019C88, #28BA92, #35C495); + text-align: center; + margin: 0 auto; + border-radius: 0 0 30rpx 30rpx; + height: 36rpx; + color: #ffffff; } .my-head-mian-top-view{ display: flex; flex-direction: row; align-items: center; margin-top: 30rpx; + justify-content: center; } .my-head-mian-top{ width: 95%; @@ -723,8 +730,9 @@ flex-direction: row; align-items: center; justify-content: space-between; - padding-top: 5px; + padding-top: 20rpx; text-align: center; + justify-content: center; } .my-head-mian{ width: 100%; @@ -733,7 +741,6 @@ justify-content: space-between; background: #FFFFFF; border-radius: 21rpx; - padding: 10px; } .my-head-top-id{ margin-top: 10px; @@ -794,9 +801,9 @@ margin: 12px auto; } .money-img{ - width: 40rpx; - height: 40rpx; - margin-bottom: 15rpx; + width: 45rpx; + height: 45rpx; + margin-bottom: 20rpx; margin-right: 8rpx; } \ No newline at end of file diff --git a/static/money2.png b/static/money2.png new file mode 100644 index 0000000..a69a99b Binary files /dev/null and b/static/money2.png differ