加载中功能优化

web_ui/src/components/ALoading.vue

@@ -14,25 +14,27 @@ export default {
 
 <style lang='scss' scoped>
 .dots {
-  width: 100%;
   text-align: left;
   padding: 10px 0px;
   opacity: 0.6;
+  margin-left: 5px;
   .wave-dot {
-    width: 12px;
-    height: 12px;
+    width: 6px;
+    height: 6px;
     border-radius: 50%;
     display: inline-block;
-    animation: wave 1.2s ease-in-out infinite;
-    margin: 0 3px;
+    animation: wave 1s ease-in-out infinite;
+    margin: 0 1px;
   }
   .dot1 { animation-delay: 0s; background: #2879e7 }
-  .dot2 { animation-delay: 0.2s; background: #2879e7 }
-  .dot3 { animation-delay: 0.4s; background: #2879e7 }
+  .dot2 { animation-delay: 0.4s; background: #2879e7 }
+  .dot3 { animation-delay: 0.8s; background: #2879e7 }
 
   @keyframes wave {
     0%, 100% { transform: translateY(0) }
-    50% { transform: translateY(-12px) }
+    25% { transform: translateY(5px) }
+    50% { transform: translateY(0px) }
+    75% { transform: translateY(-5px) }
   }
 }
 </style>

web_ui/src/views/industrial-land/AiIndustriaLandDetail.vue

@@ -173,7 +173,7 @@
             </div>
             <div class="jsz" v-if="!showResult">
               <Spin />
-              {{ hintText }}
+              {{ hintText }}<a-loading></a-loading>
             </div>
             <div v-for="(item, index) in hzData" :key="index">
               <div class="tab-content" v-if="!showResult">
@@ -283,7 +283,6 @@
                 </div>
               </div>
             </template>
-            <a-loading v-if="loading"></a-loading>
           </div>
           <div class="m-textarea-panel">
             <textarea
@@ -465,7 +464,7 @@ export default {
       markerLayer: null,
       questionModal: false,
       showLegend: true,
-      hintText: "思考中...",
+      hintText: "思考中",
       dkIndex: -1,
       hoverDkIndex: -1,
       summary: "",
@@ -554,7 +553,7 @@ export default {
       this.hzData = [];
       this.listType = "";
       this.inputText = "";
-      this.hintText = "思考中...";
+      this.hintText = "思考中";
     },
     dSourceChange() {
       if (this.dSource === "3") {
@@ -1805,7 +1804,7 @@ export default {
       this.summary = "";
       this.xgdk = [];
       this.activeIndex = 0;
-      this.hintText = "思考中...";
+      this.hintText = "思考中";
       this.messages.push({
         id: uuid(),
         content: question,
@@ -2527,13 +2526,7 @@ export default {
           display: flex;
           height: 32px;
           align-items: center;
-
-          img {
-            width: 32px;
-            margin-right: 14px;
-            height: 32px;
-          }
-
+          white-space: nowrap;
           font-family: Microsoft YaHei;
           font-weight: bold;
           font-size: 18px;