修改密码、管理员删帖、促销、退出登录
Change-Id: I2cc0e211ac5a04f9e89d0736fadd25541a5fccb9
diff --git a/src/pages/UserCenter/UserProfile.css b/src/pages/UserCenter/UserProfile.css
index de2ecac..b230c1e 100644
--- a/src/pages/UserCenter/UserProfile.css
+++ b/src/pages/UserCenter/UserProfile.css
@@ -52,9 +52,11 @@
border-radius: 16px;
margin: 0 auto;
margin-top: 40px;
- padding: 10% 20%;
- margin-left: 5%;
- margin-right: 5%;
+ width: 80%;
+ padding-top: 10%;
+ padding-right: 15%;
+ padding-bottom: 10%;
+ padding-left: 10%;
}
.avatar-wrapper {
position: relative;
@@ -208,7 +210,7 @@
}
.task-btn:hover {
- background-color: #357abd;
+ background-color: #bd7035;
}
.task-btn-group {
@@ -218,10 +220,69 @@
gap: 8px;
}
-.loading {
- text-align: center;
- font-size: 18px;
- color: #333;
+
+.exp-bar-wrapper {
+ width: 100%;
+ height: 14px;
+ background-color: #fbfafa;
+ border-radius: 8px;
+ margin: 10px 0;
+ overflow: hidden;
}
+.exp-bar {
+ height: 100%;
+ background-color: #0eb813;
+ transition: width 0.3s ease;
+}
+.exp-progress-text {
+ font-size: 0.9em;
+ color: #555;
+ margin-bottom: 10px;
+}
+
+.profile-actions {
+ margin-top: 1em;
+}
+
+.profile-actions button {
+ padding: 8px 16px;
+ background-color: #4677f5;
+ color: white;
+ border: none;
+ border-radius: 6px;
+ cursor: pointer;
+}
+
+.modal {
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background-color: rgba(0, 0, 0, 0.4);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ z-index: 99;
+}
+
+.modal-content {
+ background-color: white;
+ padding: 20px;
+ border-radius: 8px;
+ width: 300px;
+}
+
+.modal-content input {
+ display: block;
+ width: 100%;
+ margin: 10px 0;
+ padding: 8px;
+}
+
+.modal-buttons {
+ display: flex;
+ justify-content: space-between;
+}