mirror of
https://github.com/nagisa77/OpenIsle.git
synced 2026-05-08 03:37:28 +08:00
feat: setting page ui
This commit is contained in:
@@ -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 {
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user