bug fix

src/components/Loading/index.js

@@ -0,0 +1,21 @@
+import { View } from "@tarojs/components";
+
+import './index.scss'
+
+export default function Loading(props) {
+  const size = props.size || '200';
+  const color = props.color || '#333';
+
+  const boxStyle = `width: ${size}px; height: ${size}px;`
+  const loadingStyle = `border-color: transparent ${color} transparent ${color};`
+  const textStyle = `color: ${color};`
+
+  const text = props.text || 'LOADING';
+
+  return (
+    <View className="loading-box" style={boxStyle}>
+      <View className="loading" style={loadingStyle}></View>
+      <View className="loading-text" style={textStyle}>{text}</View>
+    </View>
+  )
+}

src/components/Loading/index.scss

@@ -0,0 +1,41 @@
+.loading-box {
+  // width: 200px;
+  // height: 200px;
+  position: relative;
+  margin: 0 auto;
+
+  .loading {
+    width: calc(100% - 4px);
+    height: calc(100% - 4px);
+    border-radius: 100%;
+    border: 4px solid transparent;
+    border-color: transparent #333 transparent #333;
+    animation: rotate-loading 1.5s linear 0s infinite normal;
+    transform-origin: 50% 50%;
+  }
+
+  .loading-text {
+    width: calc(100% - 4px);
+    animation: loading-text-opacity 2s linear 0s infinite normal;
+    color: #333;
+    font-size: 20px;
+    font-weight: bold;
+    margin-top: 40%;
+    opacity: 0;
+    position: absolute;
+    text-align: center;
+    top: 0;
+  }
+
+  @keyframes rotate-loading {
+    0%  {transform: rotate(0deg);}
+    100% {transform: rotate(360deg);}
+  }
+
+  @keyframes loading-text-opacity {
+    0%  {opacity: 0}
+    20% {opacity: 0}
+    50% {opacity: 1}
+    100%{opacity: 0}
+  }
+}

src/onlineSelling/pages/houseList/index.js

@@ -22,6 +22,7 @@ import { getCanvasConfig } from '@/utils/tools'
 import { getCardDetail } from '@/services/card'
 import Consultant from '@/components/consultant'
 import './index.scss'
+import { Loading } from '@/components/Loading'
 
 @connect(s => s.user)
 export default class HouseList extends Component {
@@ -51,7 +52,7 @@ export default class HouseList extends Component {
     consultData: {}, // 分享的置业顾问信息
     consultShow: false,  // 置业顾问悬浮框显示隐藏
     noRecord: false,
-
+    loading: true,
   }
 
   componentDidShow() {
@@ -119,7 +120,8 @@ export default class HouseList extends Component {
     }
     queryHouseList(params).then(res => {
       this.setState({
-        houseList: this.groupHouseList(res) || []
+        houseList: this.groupHouseList(res) || [],
+        loading: false,
       }, () => {
         Taro.hideToast()
       })
@@ -576,8 +578,13 @@ export default class HouseList extends Component {
       posterData,
       posterConfig,
       noRecord,
+      loading,
     } = this.state
 
+    if (loading) {
+      return <View style="margin: 80px auto;"><Loading color="#BB9C79" size={100}/></View>
+    }
+
     const { userInfo: { person } } = this.props
 
     const showCircleBtn = posterData && posterData.qrcode