feats

src/pages/index/buildingDetail/components/BasicInfo/index.jsx

@@ -1,8 +1,6 @@
-import { useState, useEffect } from 'react'
-import Taro from '@tarojs/taro'
 import { ScrollView, Image } from '@tarojs/components'
 import classNames from 'classnames'
-import { favorProject, cancelFavorProject } from '@/services/item'
+import useFavor from '@/utils/hooks/useFavor'
 import '@/assets/css/iconfont.css'
 import './index.scss'
 
@@ -10,37 +8,7 @@ export default function BasicInfo (props) {
   const { Info = {} } = props
   const { buildingId, isSave } = Info
 
-  const [isSaved, setIsSaved] = useState(false)
-
-  useEffect(() => { setIsSaved(isSave) }, [isSave])
-  
-  const handleFavor = () => {
-    if (isSaved) {
-      cancelFavorProject(buildingId).then(() => {
-        setIsSaved(false)
-        Taro.showToast({
-          title: '已取消收藏',
-          icon: 'none',
-        })
-      })
-    } else {
-      favorProject(buildingId).then(() => {
-        setIsSaved(true)
-        Taro.showToast({
-          title: '收藏成功',
-          icon: 'none',
-        })
-      })
-    }
-    // savePoint({
-    //   event: 'save',
-    //   eventType: 'building',
-    //   propertyName: '项目收藏',
-    //   data: '{}'
-    // }).then(res => {
-    //   console.log('活动项目收藏')
-    // })
-  }
+  const [isSaved, handleFavor] = useFavor(isSave)
 
   return (
     <view className='components BasicInfo'>
@@ -50,7 +18,7 @@ export default function BasicInfo (props) {
         <view className='flex-item'>
           <text>{Info.buildingName}</text>
         </view>
-        <view className='Collect' onClick={handleFavor}>
+        <view className='Collect' onClick={() => handleFavor(buildingId)}>
           <text className={classNames(['iconfont icon-shoucang'], { active: isSaved })}></text>
           <text>{isSaved ? '取消收藏' : '收藏'}</text>
         </view>

src/pages/index/buildingDetail/components/SpecialPriceHouse/index.jsx

@@ -1,4 +1,5 @@
 import React, { useState, useEffect } from 'react'
+import Taro from '@tarojs/taro'
 import { API_SPECIAL_ROOM_LIST } from '@/constants/api'
 import { ScrollView, Image } from '@tarojs/components'
 import { fetch } from '@/utils/request'
@@ -11,6 +12,10 @@ export default function SpecialPriceHouse (props) {
 
   const [list, setList] = useState([])
 
+  const handleMore = () => {
+    Taro.navigateTo({ url: '/pages/index/specialPriceHouse/index' })
+  }
+
   useEffect(() => {
     if (!buildingId) {
       setList([])
@@ -27,14 +32,14 @@ export default function SpecialPriceHouse (props) {
     })
   }, [buildingId])
 
-  return (
+  return list.length > 0 && (
     <view className='components SpecialPriceHouse'>
-
       <view className='Title flex-h'>
         <view className='flex-item'>
-          <text>特价房源（5）</text>
+          <text>特价房源</text>
+          <text>{`（${list.length}）`}</text>
         </view>
-        <text>更多</text>
+        <text onClick={handleMore}>更多</text>
         <text className='iconfont icon-jiantouright'></text>
       </view>
 

src/pages/index/buildingDetail/components/SpecialPriceHouse/index.scss

@@ -7,7 +7,7 @@
     padding: 0 30px;
     >.flex-item {
       >text {
-        display: block;
+        display: inline-block;
         font-size: 34px;
         color: #333;
         line-height: 1;

src/utils/hooks/useFavor.js

@@ -0,0 +1,42 @@
+import { useEffect, useState } from 'react'
+import Taro from '@tarojs/taro'
+import { favorProject, cancelFavorProject } from '@/services/item'
+
+export default function(eventType, saved) {
+  const [isSaved, setIsSaved] = useState(saved)
+
+  useEffect(() => setIsSaved(saved), [saved])
+
+  const handleSave = (buildingId) => {
+    if (isSaved) {
+      cancelFavorProject(buildingId).then(() => {
+        setIsSaved(false)
+        Taro.showToast({
+          title: '已取消收藏',
+          icon: 'none',
+        })
+      })
+    } else {
+      favorProject(buildingId).then(() => {
+        setIsSaved(true)
+        Taro.showToast({
+          title: '收藏成功',
+          icon: 'none',
+        })
+      })
+    }
+    // savePoint({
+    //   event: 'save',
+    //   eventType: type,
+    //   propertyName: '项目收藏',
+    //   data: '{}'
+    // })
+  }
+
+  switch (eventType) {
+    case 'building':
+      return [isSaved, handleSave];
+    default:
+      return [];
+  }
+}