@@ -260,9 +261,17 @@
}
.grade{
float: left;
- margin-top: 10px;
+ margin-top: 20px;
+ .btn-user{
+ margin-top: -6px;
+ // margin-left: 68px;
+ height: 30px;
+ border-radius: 20px;
+ border: 1px solid #0060FF;
+ color: #0060FF;
+ }
div{
- margin-left: 22px;
+ // margin-left: 22px;
font-weight: 600;
float: left;
width: 57px;
@@ -293,20 +302,26 @@
.user-content{
flex: 1;
.content-top{
- margin-top: 15px;
+ // margin-top: 15px;
height: 56px;
- .btn-user{
- margin-top: 6px;
- height: 30px;
- border-radius: 20px;
- border: 1px solid #0060FF;
- color: #0060FF;
- }
+
h6{
color: #333333;
font-size: 26px;
margin:0;
float: left;
+ .content-one-info{
+ display: inline-block;
+ width: 97px;
+ height: 30px;
+ margin-left: 130px;
+ line-height: 30px;
+ text-align: center;
+ border-radius: 4px;
+ color: #588afc;
+ font-weight: normal;
+ border: 1px solid #387DF7;
+ }
}
span{
color: #999999;
diff --git a/src/components/UcHeader/Index.vue b/src/components/UcHeader/Index.vue
index 97469f74..20db4c26 100644
--- a/src/components/UcHeader/Index.vue
+++ b/src/components/UcHeader/Index.vue
@@ -19,12 +19,14 @@
@@ -186,7 +188,7 @@ import {userAvatarText,cutFullName} from "@/utils/tools.js";
}
}
.content-bottom{
- margin-top: 30px;
+ margin-top: 10px;
display: flex;
.medal-list{
//float: left;
@@ -233,17 +235,15 @@ import {userAvatarText,cutFullName} from "@/utils/tools.js";
}
.user-content{
flex: 1;
- .content-top{
- margin-top: 15px;
- line-height: 25px;
- .grade{
- display: inline-block;
+ .grade{
+ margin-top: 10px;
+ // display: inline-block;
div{
font-weight: 600;
float: left;
width: 58px;
height: 24px;
- text-align: center;
+ // text-align: center;
line-height: 34px;
color: #9D6110 ;
}
@@ -254,6 +254,10 @@ import {userAvatarText,cutFullName} from "@/utils/tools.js";
}
}
+ .content-top{
+ // margin-top: 10px;
+ line-height: 25px;
+
h6{
color: #333333;
font-size: 26px;