mirror of
https://github.com/nagisa77/OpenIsle.git
synced 2026-06-09 11:39:31 +08:00
feat: setting page loading
This commit is contained in:
@@ -1,5 +1,9 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="settings-page">
|
<div class="settings-page">
|
||||||
|
<div v-if="isLoadingPage" class="loading-page">
|
||||||
|
<l-hatch size="20" stroke="4" speed="3.5" color="var(--primary-color)"></l-hatch>
|
||||||
|
</div>
|
||||||
|
<div v-else>
|
||||||
<div class="settings-title">个人资料设置</div>
|
<div class="settings-title">个人资料设置</div>
|
||||||
<div class="profile-section">
|
<div class="profile-section">
|
||||||
<div class="avatar-row">
|
<div class="avatar-row">
|
||||||
@@ -38,6 +42,7 @@
|
|||||||
<div v-else @click="save" class="save-button">保存</div>
|
<div v-else @click="save" class="save-button">保存</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
@@ -173,6 +178,14 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
.loading-page {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
width: 100%;
|
||||||
|
height: 300px;
|
||||||
|
}
|
||||||
|
|
||||||
.settings-page {
|
.settings-page {
|
||||||
background-color: var(--background-color);
|
background-color: var(--background-color);
|
||||||
padding: 40px;
|
padding: 40px;
|
||||||
@@ -304,5 +317,4 @@ export default {
|
|||||||
background-color: var(--primary-color-disabled);
|
background-color: var(--primary-color-disabled);
|
||||||
cursor: not-allowed;
|
cursor: not-allowed;
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -35,7 +35,7 @@ resend.api.key=${RESEND_API_KEY:}
|
|||||||
# your email services: ...
|
# your email services: ...
|
||||||
|
|
||||||
# for tencent cloud image upload service, you can improve your service by yourself
|
# for tencent cloud image upload service, you can improve your service by yourself
|
||||||
cos.base-url=${COS_BASE_URL:https://example.com}
|
cos.base-url=${:https://example.com}
|
||||||
cos.secret-id=${COS_SECRET_ID:}
|
cos.secret-id=${COS_SECRET_ID:}
|
||||||
cos.secret-key=${COS_SECRET_KEY:}
|
cos.secret-key=${COS_SECRET_KEY:}
|
||||||
cos.region=${COS_REGION:ap-guangzhou}
|
cos.region=${COS_REGION:ap-guangzhou}
|
||||||
|
|||||||
Reference in New Issue
Block a user