[baozhangchao] 3 years ago
parent
commit
6baed0f622
1 changed files with 124 additions and 0 deletions
  1. 124
    0
      src/pages/index/tabs/MineCss/style.less

+ 124
- 0
src/pages/index/tabs/MineCss/style.less View File

@@ -0,0 +1,124 @@
1
+.User-Avatar-background-falseBox {
2
+  width: 95vw;
3
+  height: 30vh;
4
+  background: rgb(233, 104, 104);
5
+  border-radius: 40px;
6
+  box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.1);
7
+  margin-top: 1em;
8
+  margin: 0 auto;
9
+  display: flex;
10
+  &-userImg {
11
+    position: relative;
12
+    top: 8vh;
13
+    left: 6vw;
14
+    width: 126px;
15
+    height: 126px;
16
+    border: 4px solid #ffffff;
17
+    border-radius: 50%;
18
+  }
19
+  &-userLogin {
20
+    position: relative;
21
+    top: 11.4vh;
22
+    text-align: center;
23
+    width: 300px;
24
+    font-size: 34px;
25
+    color: #ffffff;
26
+    font-weight: 500;
27
+    text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.4);
28
+  }
29
+}
30
+
31
+//已登陆样式-----------------------
32
+
33
+.User-Avatar-background-trueBox {
34
+  width: 95vw;
35
+  height: 30vh;
36
+  background: rgb(233, 104, 104);
37
+  border-radius: 40px;
38
+  box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.1);
39
+  margin-top: 1em;
40
+  margin: 0 auto;
41
+  &-userImg {
42
+    position: relative;
43
+    top: 8vh;
44
+    left: 6vw;
45
+    width: 126px;
46
+    height: 126px;
47
+    border: 4px solid #ffffff;
48
+    border-radius: 50%;
49
+  }
50
+
51
+  .textStyle {
52
+    position: relative;
53
+    top: -5vh;
54
+    margin-left: -2em;
55
+    text-align: center;
56
+    font-size: 34px;
57
+    color: #ffffff;
58
+    font-weight: 500;
59
+    text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.4);
60
+  }
61
+  &-name {
62
+  }
63
+  &-phone {
64
+    margin-top: 38px;
65
+  }
66
+
67
+  .setPassword {
68
+    position: absolute;
69
+    right: 2.5vw;
70
+    width: 158px;
71
+    height: 54px;
72
+    background: #000000;
73
+    opacity: 0.3;
74
+    border-radius: 0px 40px 0px 40px;
75
+    font-size: 24px;
76
+    color: #ffffff;
77
+    text-align: center;
78
+    line-height: 54px;
79
+  }
80
+}
81
+// 结束-----------------------------
82
+.User-Setup-background {
83
+  width: 95vw;
84
+  background: #ffffff;
85
+  border-radius: 40px;
86
+  box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.1);
87
+  padding-top: 60px;
88
+
89
+  margin: 0 auto;
90
+  &-SetupText {
91
+    border-left: 10px solid black;
92
+    padding-left: 23px;
93
+    margin-bottom: 40px;
94
+    font-size: 34px;
95
+    font-weight: bold;
96
+    color: #333333;
97
+  }
98
+  &-wxInfo {
99
+    width: 90%;
100
+    height: 60vh;
101
+    background: #ffffff;
102
+    margin: 0 auto;
103
+    &-InfoCell {
104
+      width: 100%;
105
+      height: 108px;
106
+      display: flex;
107
+      align-items: center;
108
+      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
109
+      &-imgae {
110
+        width: 34px;
111
+        height: 43px;
112
+      }
113
+      &-text {
114
+        position: relative;
115
+        right: 0px;
116
+
117
+        font-size: 34px;
118
+        font-weight: bold;
119
+        color: #333333;
120
+        letter-spacing: 5px;
121
+      }
122
+    }
123
+  }
124
+}