diff --git a/pages/profile/profile.vue b/pages/profile/profile.vue
index eda3194..2134970 100644
--- a/pages/profile/profile.vue
+++ b/pages/profile/profile.vue
@@ -8,23 +8,23 @@
昵
-
- 昵称
- 123****8912
+
+
+ 分享推广
+
+
+ 昵称
+ 123****8912
-
-
- 分享推广
-
-
+
18079.29
可提现(元)
@@ -184,51 +184,67 @@ export default {
.user-info {
display: flex;
align-items: center;
+ justify-content: space-between;
margin-bottom: 30rpx;
.avatar {
- width: 100rpx;
- height: 100rpx;
+ width: 160rpx;
+ height: 160rpx;
background: #817f7f;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
- margin-right: 30rpx;
.avatar-text {
- font-size: 40rpx;
+ font-size: 60rpx;
font-weight: bold;
- color: #130000;
+ color: #ffffff;
}
}
- .user-details {
- flex: 1;
+ .share-btn {
+ background: linear-gradient(135deg, #fffcfa 0, #ffe0c7 100%);
+ padding: 20rpx 30rpx;
+ border-radius: 30rpx;
+ display: flex;
+ align-items: center;
- .user-name {
- display: block;
- font-size: 32rpx;
- font-weight: bold;
- color: #3d3d3d;
- margin-bottom: 10rpx;
+ .share-img {
+ width: 32rpx;
+ height: 32rpx;
+ margin-right: 10rpx;
}
- .user-id {
- font-size: 28rpx;
- color: #817f7f;
+ .share-text {
+ font-size: 24rpx;
+ color: #722b03;
}
}
+ }
+
+ .user-details {
+ display: flex;
+ padding-left: 20rpx;
+ justify-content: space-between;
+
+ .user-name {
+ display: block;
+ font-size: 32rpx;
+ font-weight: bold;
+ color: #3d3d3d;
+ margin-bottom: 10rpx;
+ }
+
+ .user-id {
+ font-size: 28rpx;
+ color: #817f7f;
+ }
.settings-icon {
- margin-top: 50rpx;
- width: 60rpx;
- height: 60rpx;
background: rgba(255, 255, 255, 0.2);
border-radius: 50%;
display: flex;
- align-items: center;
- justify-content: center;
.settings-img {
width: 40rpx;
@@ -236,28 +252,6 @@ export default {
}
}
}
-
- .share-btn {
- position: absolute;
- top: 40rpx;
- right: 40rpx;
- background: linear-gradient(135deg, #fffcfa 0, #ffe0c7 100%);
- padding: 20rpx 30rpx;
- border-radius: 30rpx;
- display: flex;
- align-items: center;
-
- .share-img {
- width: 32rpx;
- height: 32rpx;
- margin-right: 10rpx;
- }
-
- .share-text {
- font-size: 24rpx;
- color: #722b03;
- }
- }
}
// 财务摘要
@@ -268,6 +262,7 @@ export default {
color: #fff;
position: relative;
overflow: hidden;
+ border: 1px red solid;
.coin-background {
position: absolute;