diff --git a/docs/demo/src/WTA/wwwroot/components/list/index.js b/docs/demo/src/WTA/wwwroot/components/list/index.js
index e80ad861..0e7672e9 100644
--- a/docs/demo/src/WTA/wwwroot/components/list/index.js
+++ b/docs/demo/src/WTA/wwwroot/components/list/index.js
@@ -190,9 +190,9 @@ export default {
         </span>
       </template>
     </el-drawer>
-    <el-dialog v-model="dialogVisible" align-center destroy-on-close v-loading="editFormloading">
+    <el-dialog v-model="dialogVisible" align-center destroy-on-close>
       <template #header> <span class="el-dialog__title"> {{editFormTitle}} </span> </template>
-      <el-row>
+      <el-row v-loading="editFormloading">
         <el-col style="max-height:calc(100vh - 180px );min-height:100%;">
           <el-scrollbar>
             <template v-if="editFormMode==='create'||editFormMode==='update'||editFormMode==='details'">
@@ -402,6 +402,7 @@ export default {
     const onPageIndexChange = async () => await load(indexUrl);
     const onPageSizeChange = async () => await load(indexUrl);
     const click = async (item, rows) => {
+      editFormloading.value = true;
       editFormMode.value = item.path ?? item;
       context.emit("command", item, rows);
       if (item.path === "index") {
@@ -448,6 +449,7 @@ export default {
         editFormTitle.value = t("自定义查询");
         dialogVisible.value = true;
       }
+      editFormloading.value = false;
     };
     const submit = async () => {
       if (editFormMode.value === "create" || editFormMode.value === "update") {
diff --git a/docs/demo/src/WTA/wwwroot/index.html b/docs/demo/src/WTA/wwwroot/index.html
index b0e0eda0..87d25c36 100644
--- a/docs/demo/src/WTA/wwwroot/index.html
+++ b/docs/demo/src/WTA/wwwroot/index.html
@@ -27,6 +27,7 @@
       margin: auto;
       width: 50px;
       height: 50px;
+      color: #409eff;
     }
   </style>
   <link rel="stylesheet" href="./main.css" />
@@ -35,7 +36,13 @@
 
 <body>
   <div id="app"></div>
-  <img src="./assets/icons/loading.svg" id="loading" class="loading">
+  <i id="loading" class="loading">
+    <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+      <path fill="currentColor"
+        d="M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0zm-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z">
+      </path>
+    </svg>
+  </i>
   <script type="importmap">
     {
       "imports": {
