|
@@ -1,73 +1,74 @@
|
|
|
|
+
|
|
|
|
|
|
.my-page-content {
|
|
.my-page-content {
|
|
|
|
|
|
- background-color: #efe7d8;
|
|
|
|
- padding: 20px;
|
|
|
|
-
|
|
|
|
- .user-card {
|
|
|
|
- background-color: #f5e5d6;
|
|
|
|
- border-radius: 10px;
|
|
|
|
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
|
|
- margin-bottom: 20px;
|
|
|
|
-
|
|
|
|
- .user-content {
|
|
|
|
- padding: 20px;
|
|
|
|
|
|
+ background-color: #efe7d8;
|
|
|
|
+ padding: 20px;
|
|
|
|
+
|
|
|
|
+ .user-card {
|
|
|
|
+ background-color: #f5e5d6;
|
|
|
|
+ border-radius: 10px;
|
|
|
|
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
|
|
+ margin-bottom: 20px;
|
|
|
|
+
|
|
|
|
+ .user-content {
|
|
|
|
+ padding: 20px;
|
|
|
|
+ display: flex;
|
|
|
|
+ flex-direction: column;
|
|
|
|
+ align-items: center;
|
|
|
|
+
|
|
|
|
+ .user-icon {
|
|
|
|
+ font-size: 4rem;
|
|
|
|
+ color: #333;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .user-stats {
|
|
display: flex;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
align-items: center;
|
|
-
|
|
|
|
- .user-icon {
|
|
|
|
- font-size: 4rem;
|
|
|
|
- color: #333;
|
|
|
|
|
|
+ margin-top: 10px;
|
|
|
|
+
|
|
|
|
+ .user-row {
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: space-around;
|
|
|
|
+ width: 100%;
|
|
|
|
+ margin-bottom: 5px;
|
|
|
|
+
|
|
|
|
+ .user-stat {
|
|
|
|
+ // font-weight: bold;
|
|
|
|
+ margin-right: 50.5px;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
-
|
|
|
|
- .user-stats {
|
|
|
|
|
|
+
|
|
|
|
+ .user-text {
|
|
display: flex;
|
|
display: flex;
|
|
- flex-direction: column;
|
|
|
|
|
|
+ justify-content: space-around;
|
|
align-items: center;
|
|
align-items: center;
|
|
- margin-top: 10px;
|
|
|
|
-
|
|
|
|
- .user-row {
|
|
|
|
- display: flex;
|
|
|
|
- justify-content: space-around;
|
|
|
|
- width: 100%;
|
|
|
|
- margin-bottom: 5px;
|
|
|
|
-
|
|
|
|
- .user-stat {
|
|
|
|
- // font-weight: bold;
|
|
|
|
- margin-right: 50.5px;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .user-text {
|
|
|
|
- display: flex;
|
|
|
|
- justify-content: space-around;
|
|
|
|
- align-items: center;
|
|
|
|
- width: 100%;
|
|
|
|
- margin-top: 5px;
|
|
|
|
-
|
|
|
|
- div {
|
|
|
|
- font-weight: bold;
|
|
|
|
- margin-right: 30px; // 调整文本右移距离
|
|
|
|
- }
|
|
|
|
|
|
+ width: 100%;
|
|
|
|
+ margin-top: 5px;
|
|
|
|
+
|
|
|
|
+ div {
|
|
|
|
+ font-weight: bold;
|
|
|
|
+ margin-right: 30px; // 调整文本右移距离
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .menu-list {
|
|
|
|
|
|
- .menu-list {
|
|
|
|
-
|
|
|
|
- background-color: #f5e5d6;
|
|
|
|
- border-radius: 10px;
|
|
|
|
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
|
|
-
|
|
|
|
- .menu-item {
|
|
|
|
-
|
|
|
|
- --padding-start: 20px;
|
|
|
|
- font-family: '宋体', serif;
|
|
|
|
- &:hover {
|
|
|
|
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
|
|
|
|
- }
|
|
|
|
|
|
+ background-color: #f5e5d6;
|
|
|
|
+ border-radius: 10px;
|
|
|
|
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
|
|
+
|
|
|
|
+ .menu-item {
|
|
|
|
+
|
|
|
|
+ --padding-start: 20px;
|
|
|
|
+ font-family: '宋体', serif;
|
|
|
|
+ &:hover {
|
|
|
|
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+}
|