diff --git a/src/assets/css/components/views/administration/Appearance.scss b/src/assets/css/components/views/administration/Appearance.scss
index 04b4b1c5..00eedb6f 100644
--- a/src/assets/css/components/views/administration/Appearance.scss
+++ b/src/assets/css/components/views/administration/Appearance.scss
@@ -38,11 +38,6 @@
       font-size: 14px;
       line-height: 16px;
     }
-
-    .appearance__option {
-      display: flex;
-      justify-content: space-between;
-    }
   }
 
   .edit-appearance-base__footer {
@@ -62,3 +57,7 @@
     }
   }
 }
+.appearance__option {
+  display: flex;
+  justify-content: space-between;
+}
diff --git a/src/assets/css/components/views/administration/License.scss b/src/assets/css/components/views/administration/License.scss
index 5ef07679..57d50fd9 100644
--- a/src/assets/css/components/views/administration/License.scss
+++ b/src/assets/css/components/views/administration/License.scss
@@ -10,6 +10,13 @@
     flex-direction: column;
     height: 100%;
 
+    .license__loading {
+      top: 75px;
+      left: 130px;
+      width: 304px;
+      flex: 1;
+      position: relative;
+    }
     .license-file {
       display: flex;
       flex-direction: row;
diff --git a/src/views/administration/License.vue b/src/views/administration/License.vue
index 43be87f6..0d38516c 100644
--- a/src/views/administration/License.vue
+++ b/src/views/administration/License.vue
@@ -2,6 +2,7 @@
   <div class="license" :class="from">
     <div class="license-form">
       <el-form ref="licenseForm" :model="licenseObject" label-position="left" label-width="134px" size="small">
+        <div class="license__loading"><loading :loading="loading"></loading></div>
         <el-form-item :label="`${$t('license.type')}：`" prop="type">
           {{ licenseObject.type }}
         </el-form-item>
@@ -51,6 +52,7 @@ import axios from 'axios'
 import { ref } from 'vue'
 import { dateFormat } from '@/utils/date-util'
 import _ from 'lodash'
+import Loading from '@/components/common/Loading'
 
 export default {
   name: 'License',
@@ -64,14 +66,19 @@ export default {
         supportID: '',
         dateIssued: '',
         dateExpires: ''
-      }
+      },
+      loading:false
     }
   },
+  components: {
+    Loading
+  },
   mounted () {
     this.initData()
   },
   methods: {
     initData () {
+      this.loading = true
       axios.get(this.url, { pageSize: -1 }).then(response => {
         if (response.status === 200) {
           this.licenseObject = response.data.data.license
@@ -81,6 +88,8 @@ export default {
       }).catch(e => {
         console.error(e)
         this.$message.error(this.errorMsgHandler(e))
+      }).finally(() => {
+        this.loading = false
       })
     },