fix: 修复渲染时无法获取元素位置导致的空白问题

src/components/scroll-tabs/ScrollTabs.vue

@@ -81,6 +81,7 @@ export default {
       return height - firstTop
     },
     computedContentTop () {
+      clearTimeout(this.computedTf)
       const query = Taro.createSelectorQuery()
       query.select(`#scroller`).boundingClientRect()
       this.tabs.forEach(item => {
@@ -92,7 +93,17 @@ export default {
         this.contentClientRects = res
         this.contentScrollTops = tabs.map(ele => {
           console.log(ele, 'ele')
-          return ele.top - scrollerTop.top
+          if (ele) {
+            return ele.top - scrollerTop?.top
+          } else {
+            console.log('未获取 dom')
+            this.computedTf = setTimeout(() => {
+              this.$nextTick(() => {
+                this.computedContentTop()
+              })
+            }, 200)
+            return 0
+          }
         })
       })
     },

src/pages/search/content/bidding/index.vue

@@ -16,7 +16,7 @@
             :other-model="otherModel"
             @clickShare="clickShare"
           />
-          <ScrollTabs class="content-container" ref="scrollTabs" :value="pageState.tabActive" :tabs="showTabList">
+          <ScrollTabs v-if="canShowTabs" class="content-container" ref="scrollTabs" :value="pageState.tabActive" :tabs="showTabList">
             <div class="content-scroll-container">
               <view id="summary" class="content-summary" v-if="baseModuleShow.summary">
                 <ContentAbstract
@@ -201,6 +201,12 @@ export default {
     },
     advancedModuleShow() {
       return this.expandModel.moduleShow
+    },
+    canShowTabs () {
+      if (!this.reqState.loaded) {
+        return false
+      }
+      return this.baseModuleShow.summary || this.baseModuleShow.content || this.advancedModuleShow.timeline
     }
   },
   onShareAppMessage (res) {