Style(云灵AI):图片识别结果增加加载效果

aiChat/views/imageRecognitionResult.vue

@@ -38,7 +38,10 @@
           </view>
         </view>
         <view class="sheet-divider" />
-        <view class="goods-grid">
+        <view v-if="!loaded" class="loading-state">
+          <u-loading-icon mode="circle" size="36" text="正在识别中..." vertical textSize="14"></u-loading-icon>
+        </view>
+        <view v-else class="goods-grid">
           <view
             v-for="(item, index) in goodsList"
             :key="index"
@@ -87,6 +90,7 @@ export default {
   },
   data() {
     return {
+      loaded: false,
       webUrl: this.$VUE_APP_RESOURCES_URL,
       statusBarHeight: 20,
       imageUrl: '',
@@ -248,6 +252,13 @@ export default {
     margin: 0 32rpx;
   }
 
+  .loading-state {
+    padding: 120rpx 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
   .empty-state {
     text-align: center;
   }