Forráskód Böngészése

feat: 移动端骨架屏逻辑优化

cuiyalong 1 éve
szülő
commit
f28151924e
1 módosított fájl, 7 hozzáadás és 3 törlés
  1. 7 3
      apps/mobile/src/views/article/content.vue

+ 7 - 3
apps/mobile/src/views/article/content.vue

@@ -1,7 +1,8 @@
 <template>
 <template>
   <div class="article-content">
   <div class="article-content">
     <van-skeleton
     <van-skeleton
-      :row="3"
+      :row="4"
+      :rowWidth="['100%', '100%', '60%', '20%']"
       :class="{ 'bg-white': reqState.loading }"
       :class="{ 'bg-white': reqState.loading }"
       :loading="reqState.loading"
       :loading="reqState.loading"
     >
     >
@@ -340,11 +341,14 @@ export default {
       } else {
       } else {
         try {
         try {
           await this.getPreAgentInfo()
           await this.getPreAgentInfo()
-          await this.getBaseInfo()
+          const r = await this.getBaseInfo()
+          if (r) {
+            this.finishLoading()
+          }
         } catch (error) {
         } catch (error) {
           console.error(error)
           console.error(error)
         } finally {
         } finally {
-          this.finishLoading()
+          // console.log('基础接口请求完成')
         }
         }
         if (this.canRead) {
         if (this.canRead) {
           this.getAdvancedInfo()
           this.getAdvancedInfo()