feat: setting page loading

open-isle-cli/src/views/SettingsPageView.vue

@@ -1,5 +1,9 @@
 <template>
   <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="profile-section">
         <div class="avatar-row">
@@ -38,6 +42,7 @@
         <div v-else @click="save" class="save-button">保存</div>
       </div>
     </div>
+  </div>
 </template>
 
 <script>
@@ -173,6 +178,14 @@ export default {
 </script>
 
 <style scoped>
+.loading-page {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 300px;
+}
+
 .settings-page {
   background-color: var(--background-color);
   padding: 40px;
@@ -304,5 +317,4 @@ export default {
   background-color: var(--primary-color-disabled);
   cursor: not-allowed;
 }
-
 </style>

src/main/resources/application.properties

@@ -35,7 +35,7 @@ resend.api.key=${RESEND_API_KEY:}
 # your email services: ...
 
 # 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-key=${COS_SECRET_KEY:}
 cos.region=${COS_REGION:ap-guangzhou}