静态页面

src/pages/ShouYe/index.jsx

@@ -47,9 +47,17 @@ export default function Index (props) {
 
   useEffect(() => {
     if (NoticeInfo !== null) {
-      window.setTimeout(() => {
-        let QueryParent = Taro.createSelectorQuery()
-        let QueryChild = Taro.createSelectorQuery()
+      let WidthTimer = null
+      CalcWidth(WidthTimer)
+    }
+  }, [NoticeInfo])
+
+  const CalcWidth = (timer = null) => {
+    timer = setTimeout(() => {
+      let QueryParent = Taro.createSelectorQuery()
+      let QueryChild = Taro.createSelectorQuery()
+      if (QueryParent.select('#NoticeParent')) {
+        clearTimeout(timer)
         QueryParent.select('#NoticeParent').boundingClientRect()
         QueryChild.select('#NoticeText').boundingClientRect()
         QueryParent.exec((res) => {
@@ -58,11 +66,11 @@ export default function Index (props) {
             setNoticeWidth(cres[0].width)
           })
         })
-      }, 100)
-      // let NoticeText = document.getElementById('NoticeText')
-      // console.log(NoticeText.boundingClientRect[0].width)
-    }
-  }, [NoticeInfo])
+      } else {
+        CalcWidth(timer)
+      }
+    }, 100)
+  }
 
   const Init = (done = () => { }) => { // 初始化
     GetNotice() // 获取通知
@@ -203,7 +211,7 @@ export default function Index (props) {
                 <view>
 
                   {/* 通知栏 */}
-                  <view className='NoticeContent' style={{display: ShowNotice ? 'block' : 'none'}}>
+                  <view className='NoticeContent' style={{ display: ShowNotice ? 'block' : 'none' }}>
                     <view className='flex-h'>
                       <text className='iconfont icontongzhi1'></text>
                       <view id='NoticeParent' className='flex-item' onClick={() => { Taro.navigateTo({ url: `/pages/WuYe/GongGaoDetail/index?id=${NoticeInfo.id}` }) }}>