flx

src/components/List/index.jsx

   }))
 
   return (
-
-    <ScrollView
-      scrollY
-      enhanced
-      onScrollToLower={handleScrollToLower}
-      {...leftProps}
-      className={`${className} list-view`}
-    >
-      <SpinBox loading={loading} className='index-container' >
-
+    <SpinBox loading={loading}>
+      <ScrollView
+        scrollY
+        enhanced
+        onScrollToLower={handleScrollToLower}
+        {...leftProps}
+        className={`${className} list-view`}
+      >
         {!render
           ? props.children
           : list.map((item, index) => render({ item, index }))
         {!list || !list.length && noData}
 
         {list && list.length > 0 && !hasMore &&
-
           <view className='botton'>这是我的底线</view>
-
         }
-      </SpinBox>
-
-    </ScrollView>
+      </ScrollView>
+    </SpinBox>
   )
 })

src/components/MasonryLayout/Item.jsx

+
+import React, { useMemo, useEffect } from 'react'
+import { View } from '@tarojs/components'
+import { classNames, getRect } from './utils';
+import './style.less'
+
+export default (props) => {
+  const { className, item, render, onRenderFinish } = props
+
+  const vid = item.__vid;
+  
+  useEffect(() => {
+    const calcHeight = () => {
+      getRect(`.${vid}`).then((res) => {
+        if (!res) {
+          // 找不到 node , 则一直重复查询
+          const t = setTimeout(() => {
+            clearTimeout(t)
+            calcHeight()
+          }, 300)
+        } else {
+          if (Array.isArray(res)) {
+            onRenderFinish(res[0])
+          } else {
+            onRenderFinish(res)
+          }
+        }
+      })
+    }
+
+    calcHeight()
+  })
+
+
+  return (
+    <View
+      key={vid}
+      className={classNames(className, 'masonry-item', vid)}
+    >
+      {render(item)}
+    </View>
+  )
+}

src/components/MasonryLayout/index.jsx

 import React, { useEffect, useMemo, useRef, useState } from 'react';
 import Taro from '@tarojs/taro';
 import { View } from '@tarojs/components';
+import Item from './Item';
 import { useList } from './hooks';
 import { classNames, getRect } from './utils';
 
   const rightBottom = useRef(0)
   const [leftList, leftRef, setLeftList] = useList()
   const [rightList, rightRef, setRightList] = useList()
-  const vidRef = useRef()
-  const [cursor, setCursor] = useState(-1)
+  const [cursor, setCursor] = useState(0)
 
   const listRef = useRef([])
   listRef.current = list
-    
-  useEffect(() => {
-    if (list && list.length) {
-      setCursor(0)
+
+  const handleRenderFinish = (direct) => (rect) => {
+    const { bottom } = rect
+
+    if (direct === 'left') {
+      leftBottom.current = bottom
     } else {
-      setCursor(-1)
-      setLeftList([])
-      setRightList([])
+      rightBottom.current = bottom
     }
-  }, [list])
 
+    setCursor(cursor + 1)
+  }
+    
   useEffect(() => {
-    const len = !listRef.current ? 0 : listRef.current.length;
+    setCursor(0)
+    setLeftList([])
+    setRightList([])
+    listRef.current = list ? list.slice() : []
+  }, [list])
 
+  useEffect(() => {
+    const len = !list ? 0 : list.length;
     if (leftRef.current.length + rightRef.current.length >= len) return;
 
-    const item = listRef.current[cursor] || {}
+    const item = listRef.current.shift()
     item.__vid = `f-${Math.random().toString(36).substring(2)}`
-    vidRef.current = item.__vid
 
     if (leftBottom.current <= rightBottom.current) {
       setLeftList([...leftRef.current, item])
     } else {
       setRightList([...rightRef.current, item])
     }
-  }, [cursor])
-
-  useEffect(() => {
-    const setHeight = (rect) => {
-      const { bottom } = rect
-      if (cursor % 2 === 0) {
-        leftBottom.current = bottom
-      } else {
-        rightBottom.current = bottom
-      }
-      setCursor(cursor + 1)
-    }
-
-    const calcHeight = () => {
-      getRect(`.${vidRef.current}`).then((res) => {
-        if (!res) {
-          // 找不到 node , 则一直重复查询
-          const t = setTimeout(() => {
-            clearTimeout(t)
-            calcHeight()
-          }, 300)
-        } else {
-          if (Array.isArray(res)) {
-            setHeight(res[0])
-          } else {
-            setHeight(res)
-          }
-        }
-      })
-    }
-
-    calcHeight()
-  })
+  }, [cursor, list])
 
   return (
     <View
-      className={classNames(className, 'masonry-layout')}
       style={style}
+      className={classNames(className, 'masonry-layout')}
     >
       <View className='masonry-column'>
         {
-          leftList.map((item) => (
-            <View key={item.__vid} className={classNames(itemClassName, 'masonry-item', item.__vid)}>{render(item)}</View>
-          ))
+          leftList.map(item => <Item key={item.__vid} className={itemClassName} item={item} render={render} onRenderFinish={handleRenderFinish('left')} />)
         }
       </View>
       <View className='masonry-split' style={splitStyle} />
       <View className='masonry-column'>
         {
-          rightList.map((item) => (
-            <View key={item.__vid} className={classNames(itemClassName, 'masonry-item', item.__vid)}>{render(item)}</View>
-          ))
+          rightList.map(item => <Item key={item.__vid} className={itemClassName} item={item} render={render} onRenderFinish={handleRenderFinish('right')} />)
         }
       </View>
     </View>

src/components/toggleRole/ToggleRole.jsx

   return (
 
     <Popup show={showCutover} maskClosable={maskClosable} onClose={onClose}>
-      <SpinBox loading={loading} className='index-container' >
+      <SpinBox loading={loading}>
         <view className='User-box-sths' >
           <view className='User-box-selectUser'>请选择身份：</view>
           <view className='User-box-tourist' onClick={goToPerson}>

src/hotel/components/HouseManage/houseManage.jsx

   const { hotel, hotelList, onHotelChange } = props
   const [detail, setDetail] = useState([])
 
-  const fetchAPI = useMemo(() => hotel.hotelId ? () => getRoomList({ hotelId: hotel.hotelId }) : undefined, [hotel?.hotelId])
-  const queryParams = useMemo(() => ({}), [])
+  const queryParams = useMemo(() => ({
+    hotelId: hotel.hotelId
+  }), [hotel.hotelId])
 
   const shareDataRef = useRef()
 
         <ShareCard showCutover={showCard} onClose={onClose2} />
         <List
           style={{ height: 'calc(100vh - 290px)' }}
-          request={fetchAPI}
+          request={getRoomList}
           params={queryParams}
           onDataChange={setDetail}
           noData="暂无房源信息"

src/hotel/pages/components/Extend/index.jsx

 import { useState } from 'react';
 import Taro from '@tarojs/taro';
 import Popup from '@/components/Popup'
-import { View,  Image, Textarea, Label, Button } from '@tarojs/components';
+import { View, Image, Textarea, Label, Button, Video } from '@tarojs/components';
 import { update, deleteExtend } from '@/services/landlord'
 import SlideView from '@/components/SlideView';
 import './style.less'
                 <View className='storezn' onClick={showText}>{content}</View>
               </SlideView>
             </View>
-            : null
+            : item.contentType == 'video' ?
+              <View>
+                <SlideView del onDelete={handelDelete}>
+                  <Video className='storezn' style={{ width: '100%', display: 'block' }} src={eimg} />
+                </SlideView>
+              </View>
+              : null
       }
     </View>
   )

src/hotel/pages/landlord/roomOrder/roomOrder.jsx

 import './roomOrder.less'
 
 
-
-
 export default withLayout((props) => {
   const { hotelId, roomId, roomName } = props.router.params
   const [detail, setDetail] = useState([])

src/pages/MineUserAll/RefundMoney/CheckRefund/index.jsx

       <View className='index-container'>
         <View className='box-content'>
           <scroll-view scroll-y style='height: 100%;' >
-            <SpinBox loading={loading} className='index-container' >
+            <SpinBox loading={loading}>
 
               <view className='Refund-Content-box'>
                 <view className='title-image'>

src/pages/MineUserAll/RefundMoney/index.jsx

       <view className='index-navbar'>
         <CustomNav title='售后退款' />
       </view>
-      <SpinBox loading={loading} className='index-container' >
+      <SpinBox loading={loading}>
         <scroll-view
           scrollY
           style='height: calc(100vh - 176rpx);'

src/pages/index/tabs/Guide.jsx

 
   const trackClick = useTrackClick(router)
 
-  // 住宿经纬度
-  const Roomlog = useRef('')
-  const Roomlat = useRef('')
-  // 停车场经纬度
-  const Parklog = useRef('')
-  const Parklat = useRef('')
   const [taRoomContent, setTaRoomContent] = useState([])
   const RoomLocation = taRoomContent?.location
   //没有停车 wifi的就不显示按钮
 
   useDidShow(() => {
     goContent()
-
   })
+
   const geiZy = () => {
     setLoading(true)
     getExtendContent('room', roomId, {
       setLoading(true)
       // 点击’去这里‘跳转导航
       getTaRoom(roomId).then((res) => {
-        Roomlog.current = (!res.location).toString().split(',')[0]
-        Roomlat.current = (!res.location).toString().split(',')[1]
-        Parklog.current = (!res.parkingLocation).toString().split(',')[0]
-        Parklat.current = (!res.parkingLocation).toString().split(',')[1]
+        // Roomlog.current = (!res.location).toString().split(',')[0]
+        // Roomlat.current = (!res.location).toString().split(',')[1]
+        // Parklog.current = (!res.parkingLocation).toString().split(',')[0]
+        // Parklat.current = (!res.parkingLocation).toString().split(',')[1]
         setTaRoomContent(res || [])
         setLoading(false)
       })
 
 
   const goRoomMap = () => {
-    Taro.openLocation({
-      longitude: Roomlog.current - 0,
-      latitude: Roomlat.current - 0,
-      name: taRoomContent.roomName,
-      address: taRoomContent.address,
-      scale: 12,
-    })
+    if (taRoomContent.location) {
+      const [longitude, latitude] = taRoomContent.location.split(',').map(x => x - 0)
+
+      Taro.openLocation({
+        longitude,
+        latitude,
+        name: taRoomContent.roomName,
+        address: taRoomContent.address,
+        scale: 12,
+      })
+    }
   }
 
   const goParkMap = () => {
-    Taro.openLocation({
-      longitude: Parklog.current - 0,
-      latitude: Parklat.current - 0,
-      name: taRoomContent.parkingAddress,
-      address: taRoomContent.parkingAddress,
-      scale: 12,
-    })
+    if (taRoomContent.parkingLocation) {
+      const [longitude, latitude] = taRoomContent.parkingLocation.split(',').map(x => x - 0)
+
+      Taro.openLocation({
+        longitude,
+        latitude,
+        name: taRoomContent.parkingAddress,
+        address: taRoomContent.parkingAddress,
+        scale: 12,
+      })
+    }
   }
 
-
-
-
   const wifiCopy = () => {
     Taro.setClipboardData({
       data: taRoomContent?.wifiPassword,
     })
   }
 
-
-
-
   return (
     <scroll-view scrollY style='height:100%;'  >
-      <SpinBox loading={loading}  >
+      <SpinBox loading={loading}>
 
         <view className='Guide-Home-box'>
           {

src/pages/index/tabs/Recommend.jsx

 import Tip from '@/components/tip'
 import List from '@/components/List';
 import NoData from '@/components/NoData'
-import SpinBox from '@/components/Spin/SpinBox';
+import MasonryLayout from '@/components/MasonryLayout';
 import { getIndexType, getResourceList } from '@/services/home'
 import Card from '../components/Card'
 import './less/Recommend.less'
           onDataChange={setAllList}
         >
           {/* <MasonryLayout
-            className='waterfall'
             list={alllist}
             render={item => <Card item={item} />}
           /> */}

src/shop/components/ShopKeeper/shopKeeper.jsx

   const [activeTab, setActiveTab] = useState(0)
   const [phonea, setPhone] = useState()
   const [isVerifieda, setisVerified] = useState(0)
-  // const [queryParams, setQueryParams] = useState({ isVerified: isVerified, pageNum: 1, pageSize: 10, shopId: shop?.shopId, phone: phone })
-
   const queryParams = useMemo(() => ({
     shopId: shop?.shopId,
     isVerified: isVerifieda,
-    // `${tabJump}` === '1' ? 1 : 0,
     phone: phonea || '',
   }), [phonea, shop?.shopId, isVerifieda])
 
   const handleMonth = () => {
     isMomth ? setMonth(false) : setMonth(true)
   }
-
-
   const handleHotelChange = (e, current) => {
     onHotelChange(current)
   }
           {activeTab === 0 &&
             <>
               <scroll-view scrollY style={{ height: 'calc(100vh - 120px)' }}>
-
                 <List
                   style={{ height: '50%' }}
                   request={getVerifiedOrder}
                 >
                 </List>
               </scroll-view>
-
             </>
-
           }
           {/* 已核销 */}
           {activeTab === 1 &&
                 >
                 </List>
               </scroll-view>
-
             </>
           }
         </view>
-
         {/* <view className='botton'>这是我的底线</view> */}
       </view>
     </view>