feat: setting page ui

This commit is contained in:
tim
2025-07-08 10:09:14 +08:00
parent 0b1f543b79
commit c1c6aef8a7
2 changed files with 7 additions and 5 deletions

View File

@@ -168,6 +168,7 @@ export default {
.notif-content { .notif-content {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-bottom: 30px;
} }
.notif-type { .notif-type {

View File

@@ -1,6 +1,6 @@
<template> <template>
<div class="settings-page"> <div class="settings-page">
<h2>设置</h2> <div class="settings-title">设置</div>
<div class="profile-section"> <div class="profile-section">
<div class="avatar-row"> <div class="avatar-row">
<img :src="avatar" class="avatar-preview" /> <img :src="avatar" class="avatar-preview" />
@@ -34,7 +34,6 @@
</div> </div>
</div> </div>
<div class="buttons"> <div class="buttons">
<button @click="cancel">取消</button>
<button @click="save">保存</button> <button @click="save">保存</button>
</div> </div>
</div> </div>
@@ -124,9 +123,6 @@ export default {
} }
toast.success('保存成功') toast.success('保存成功')
}, },
cancel() {
window.location.reload()
}
} }
} }
</script> </script>
@@ -135,6 +131,11 @@ export default {
.settings-page { .settings-page {
padding: 20px; padding: 20px;
} }
.settings-title {
font-size: 20px;
font-weight: bold;
margin-bottom: 20px;
}
.avatar-row { .avatar-row {
display: flex; display: flex;
align-items: center; align-items: center;