|
|
@@ -1,6 +1,7 @@
|
|
1
|
1
|
.userTop_view {
|
|
2
|
2
|
position: relative;
|
|
3
|
3
|
height: 1.7rem;
|
|
|
4
|
+ margin-bottom: 1.3rem;
|
|
4
|
5
|
.gradient_bg {
|
|
5
|
6
|
position: absolute;
|
|
6
|
7
|
width: 100%;
|
|
|
@@ -10,10 +11,10 @@
|
|
10
|
11
|
}
|
|
11
|
12
|
.zIndex_bg {
|
|
12
|
13
|
position: absolute;
|
|
13
|
|
- bottom: -1.5rem;
|
|
|
14
|
+ bottom: -.6rem;
|
|
14
|
15
|
left: 0;
|
|
15
|
16
|
width: 120%;
|
|
16
|
|
- height: 1.5rem;
|
|
|
17
|
+ height: .6rem;
|
|
17
|
18
|
transform: rotate(351.5deg);
|
|
18
|
19
|
transform-origin: bottom left;
|
|
19
|
20
|
z-index: 3;
|
|
|
@@ -43,9 +44,65 @@
|
|
43
|
44
|
border-radius: 50%;
|
|
44
|
45
|
}
|
|
45
|
46
|
}
|
|
|
47
|
+ .uesr-info {
|
|
|
48
|
+ position: absolute;
|
|
|
49
|
+ bottom: -1rem;
|
|
|
50
|
+ left: 0;
|
|
|
51
|
+ width: 100%;
|
|
|
52
|
+ z-index: 4;
|
|
|
53
|
+ .user-name {
|
|
|
54
|
+ font-size: .24rem;
|
|
|
55
|
+ text-align: center;
|
|
|
56
|
+ color:rgba(0,0,0,1);
|
|
|
57
|
+ }
|
|
|
58
|
+ .mobile{
|
|
|
59
|
+ color:rgba(125,125,125,1);
|
|
|
60
|
+ font-size: .2rem;
|
|
|
61
|
+ padding-top: 10px;
|
|
|
62
|
+ text-align: center;
|
|
|
63
|
+ }
|
|
|
64
|
+ }
|
|
46
|
65
|
}
|
|
47
|
66
|
|
|
48
|
|
-.user-name {
|
|
49
|
|
- font-size: .24rem;
|
|
50
|
|
- color:rgba(0,0,0,1);
|
|
|
67
|
+.vip-privilege{
|
|
|
68
|
+ height: 1.2rem;
|
|
|
69
|
+ margin: 0 .25rem;
|
|
|
70
|
+ background:rgba(255,255,255,1);
|
|
|
71
|
+ box-shadow:0px 2px 12px 0px rgba(219,219,219,0.5);
|
|
|
72
|
+ border-radius:8px;
|
|
|
73
|
+ box-sizing: border-box;
|
|
|
74
|
+
|
|
|
75
|
+ .privilege-item {
|
|
|
76
|
+ display: flex;
|
|
|
77
|
+ flex-flow: column nowrap;
|
|
|
78
|
+ justify-content: center;
|
|
|
79
|
+ align-items: center;
|
|
|
80
|
+ .img-box {
|
|
|
81
|
+ width: 0.24rem;
|
|
|
82
|
+ height: 0.18rem;
|
|
|
83
|
+ }
|
|
|
84
|
+ span:nth-of-type(1){
|
|
|
85
|
+ font-size: .14rem;
|
|
|
86
|
+ color:rgba(102,102,102,1);
|
|
|
87
|
+ padding: 0.08rem 0 0.04rem;
|
|
|
88
|
+ }
|
|
|
89
|
+ span:nth-of-type(2){
|
|
|
90
|
+ font-size: 12px;
|
|
|
91
|
+ color:rgba(153,153,153,1);
|
|
|
92
|
+ }
|
|
|
93
|
+ }
|
|
|
94
|
+}
|
|
|
95
|
+
|
|
|
96
|
+.userCenter-menu{
|
|
|
97
|
+ padding: 0.2rem 0.25rem;;
|
|
|
98
|
+ box-sizing: border-box;
|
|
|
99
|
+ .menu-item{
|
|
|
100
|
+ justify-content: space-between;
|
|
|
101
|
+ padding: 0.1rem 0.05rem;
|
|
|
102
|
+ border-bottom: 1px solid rgba(242,242,242,1);
|
|
|
103
|
+ span,i{
|
|
|
104
|
+ font-size: .14rem;
|
|
|
105
|
+ color:rgba(102,102,102,1);
|
|
|
106
|
+ }
|
|
|
107
|
+ }
|
|
51
|
108
|
}
|
yuantianjiao
6 年之前