静态页面

config/dev.js

     NODE_ENV: '"development"'
   },
   defineConstants: {
-    HOST: '"https://xlk.njyz.tech"',
-    // HOST: '"https://www.newhousehold.cn"',
+    // HOST: '"https://xlk.njyz.tech"',
+    HOST: '"https://www.newhousehold.cn"',
     // HOST: '"http://127.0.0.1:8567"',
     WSS_HOST: '"wss://xlk.njyz.tech"',
     OSS_PATH: '"https://xlk-assets.oss-cn-shanghai.aliyuncs.com/"',

src/pages/index/helpToFindHouse/components/SubmitBuyHouseResult/index.jsx

 
 import { useState } from 'react'
 import Taro from '@tarojs/taro'
-import { Image, Block } from '@tarojs/components'
+import { Image, Block, ScrollView } from '@tarojs/components'
 import { getImgURL } from '@/utils/image'
+import ProjectItemCard from '@/components/ProjectItemCard/index'
 import '@/assets/css/iconfont.css'
 import './index.scss'
 
                     <text>匹配楼盘</text>
                   </view>
                 </view>
-                <view className='RecommendBuildingItem' onClick={() => {Taro.navigateTo({ url: `/pages/index/buildingDetail/index?id=${List[0].buildingId}` })}}>
-                  <view>
-                    <view className='Img'>
-                      <Image mode='aspectFill' src={getImgURL(List[0].poster || List[0].preSalePermit)} className='centerLabel'></Image>
-                    </view>
-                    <view className='Title flex-h'>
-                      <view className='flex-item'>
-                        <text>{List[0].name}</text>
-                      </view>
-                      <view className='Price'><text>{List[0].price}</text></view>
+                <view className={List.length === 1 ? 'ScrollViewX active' : 'ScrollViewX'}>
+                  <ScrollView scrollX>
+                    <view className='ListContainer'>
+                      {
+                        List.map((item, index) => (
+                          <view className='RecommendBuildingItem' key={`item-${index}`} onClick={() => { Taro.navigateTo({ url: `/pages/index/buildingDetail/index?id=${item.buildingId}` }) }}>
+                            <view>
+                              <view className='Img'>
+                                <Image mode='aspectFill' src={getImgURL(item.poster || item.preSalePermit)} className='centerLabel'></Image>
+                              </view>
+                              <view className='Title flex-h'>
+                                <view className='flex-item'>
+                                  <text>{item.name}</text>
+                                </view>
+                                <view className='Price'><text>{item.price}</text></view>
+                              </view>
+                              <text className='Address'>{item.address}</text>
+                            </view>
+                          </view>
+                        ))
+                      }
                     </view>
-                    <text className='Address'>{List[0].address}</text>
-                  </view>
+                  </ScrollView>
                 </view>
               </view>
             }

src/pages/index/helpToFindHouse/components/SubmitBuyHouseResult/index.scss

   margin: 0 !important;
   padding: 0 !important;
   z-index: 100 !important;
-  >view {
+  > view {
     width: 100%;
-    >view {
+    > view {
       padding: 0 30px;
       position: relative;
       overflow: hidden;
-      >view {
+      > view {
         position: relative;
         overflow: hidden;
         min-height: 80px;
         background: #fff;
         border-radius: 24px;
-        >.Status {
+        > .Status {
           text-align: center;
           margin-top: 40px;
-          >text {
+          > text {
             font-size: 34px;
             font-weight: bold;
-            color: #193C83;
+            color: #193c83;
             display: block;
             text-align: center;
             line-height: 34px;
             }
           }
         }
-        >.Tips {
+        > .Tips {
           position: relative;
           overflow: hidden;
           margin-top: 30px;
-          >text {
+          > text {
             display: block;
             text-align: center;
             font-size: 26px;
             white-space: nowrap;
           }
         }
-        >.Btn {
+        > .Btn {
           padding: 0 80px;
           position: relative;
           overflow: hidden;
           margin-top: 40px;
           align-items: center;
           margin-bottom: 60px;
-          >text, button {
+          > text,
+          button {
             padding: 0;
             font-size: 30px;
             line-height: 78px;
             border-radius: 78px;
             margin-left: 60px;
             text-align: center;
-            border: 2px solid #193C83;
+            border: 2px solid #193c83;
             box-sizing: border-box;
-            color: #193C83;
+            color: #193c83;
             font-weight: bold;
             &:first-child {
               margin-left: 0;
             }
             &.active {
-              background: #193C83;
+              background: #193c83;
               color: #fff;
             }
           }
         }
-        >.Recommend {
+        > .Recommend {
           padding: 0 30px;
           position: relative;
           overflow: hidden;
-          >.Title {
+          > .Title {
             position: relative;
             overflow: hidden;
             &::after {
-              content: '';
+              content: "";
               width: 100%;
               display: block;
               position: absolute;
               background: rgba(0, 0, 0, 0.12);
               z-index: 1;
             }
-            >view {
+            > view {
               display: block;
               position: relative;
               z-index: 2;
               text-align: center;
               font-size: 0;
               &::after {
-                content: '';
+                content: "";
                 width: 100%;
                 display: block;
                 position: absolute;
                 z-index: 2;
                 border-bottom: 2px dashed #333;
               }
-              >text {
+              > text {
                 display: inline-block;
                 position: relative;
                 z-index: 3;
               }
             }
           }
-          >.PlanTitle {
-            font-size: 30px;
-            font-weight: bold;
-            white-space: nowrap;
-            position: relative;
-            overflow: hidden;
-            margin-top: 40px;
-            text-align: center;
-            >text {
-              color: #FC3838;
-            }
-          }
-          >.RecommendBuildingItem {
+          > .ScrollViewX {
+            width: 100%;
+            height: 400px;
             position: relative;
             overflow: hidden;
-            padding: 0 60px;
             margin-top: 30px;
             margin-bottom: 50px;
-            >view {
-              position: relative;
-              overflow: hidden;
-              >.Img {
-                width: 100%;
-                padding-bottom: 60%;
-                position: relative;
-                overflow: hidden;
-                background: #eee;
-                >image {
-                  width: 100%;
-                  height: 100%;
-                }
-              }
-              >.Title {
-                align-items: flex-start;
-                margin-top: 24px;
-                >.flex-item {
-                  >text {
-                    display: block;
-                    font-size: 32px;
-                    font-weight: bold;
-                    color: #333;
-                    line-height: 40px;
-                    overflow: hidden;
-                    white-space: nowrap;
-                    text-overflow: ellipsis;
+            &.active {
+              height: 470px;
+            }
+            > scroll-view {
+              width: 100%;
+              height: 100%;
+              .ListContainer {
+                min-width: 100%;
+                white-space: nowrap;
+                font-size: 0;
+                > .RecommendBuildingItem {
+                  &:only-child {
+                    width: 100%;
+                    margin-right: 0;
                   }
-                }
-                >.Price {
-                  font-size: 22px;
-                  font-weight: bold;
-                  color: #333;
-                  margin-left: 10px;
-                  line-height: 40px;
-                  max-width: 50%;
+                  position: relative;
                   overflow: hidden;
-                  white-space: nowrap;
-                  text-overflow: ellipsis;
-                  >text {
-                    color: #FC2C2C;
+                  display: inline-block;
+                  vertical-align: middle;
+                  width: 500px;
+                  margin-right: 30px;
+                  > view {
+                    position: relative;
+                    overflow: hidden;
+                    > .Img {
+                      width: 100%;
+                      padding-bottom: 60%;
+                      position: relative;
+                      overflow: hidden;
+                      background: #eee;
+                      > image {
+                        width: 100%;
+                        height: 100%;
+                      }
+                    }
+                    > .Title {
+                      align-items: flex-start;
+                      margin-top: 24px;
+                      > .flex-item {
+                        > text {
+                          display: block;
+                          font-size: 32px;
+                          font-weight: bold;
+                          color: #333;
+                          line-height: 40px;
+                          overflow: hidden;
+                          white-space: nowrap;
+                          text-overflow: ellipsis;
+                        }
+                      }
+                      > .Price {
+                        font-size: 22px;
+                        font-weight: bold;
+                        color: #333;
+                        margin-left: 10px;
+                        line-height: 40px;
+                        max-width: 50%;
+                        overflow: hidden;
+                        white-space: nowrap;
+                        text-overflow: ellipsis;
+                        > text {
+                          color: #fc2c2c;
+                        }
+                      }
+                    }
+                    > .Address {
+                      font-size: 22px;
+                      color: #666;
+                      line-height: 30px;
+                      margin-top: 20px;
+                    }
                   }
                 }
               }
-              >.Address {
-                font-size: 22px;
-                color: #666;
-                line-height: 30px;
-                margin-top: 20px;
-              }
+            }
+          }
+          > .PlanTitle {
+            font-size: 30px;
+            font-weight: bold;
+            white-space: nowrap;
+            position: relative;
+            overflow: hidden;
+            margin-top: 40px;
+            text-align: center;
+            > text {
+              color: #fc3838;
             }
           }
         }

src/pages/index/newsList/index.jsx

 import './index.scss'
 import NewsListItem from '../components/NewsListItem/index'
 
-export default withLayout(() => {
+export default withLayout((props) => {
   
+  const { city } = props
   const user = useSelector(state => state.user)
   const [PageList, setPageList] = useState([])
   const [IsPull, setPull] = useState(false)
 
   const GetPageList = () => {
     setHasNextPage(false)
-    fetch({ url: API_NEWS_LIST, method: 'get', payload: { pageNumber, pageSize: 10 } }).then((res) => {
+    fetch({ url: API_NEWS_LIST, method: 'get', payload: { pageNumber, pageSize: 10, cityId: city.id } }).then((res) => {
       setPageList(pageNumber === 1 ? res.records || [] : PageList.concat(res.records || []))
       setHasNextPage(res.current < res.pages)
       setPull(false)

src/subpackages/pages/consultant/myHomepage/index.config.js

 export default {
-  navigationBarTitleText: '个人主页'
+  navigationBarTitleText: '个人主页',
+  enableShareAppMessage: true
 }

src/subpackages/pages/consultant/myHomepage/index.jsx

 import { useState, useEffect } from 'react'
 import Taro from '@tarojs/taro'
 import withLayout from '@/layout'
-import { ScrollView, Image } from '@tarojs/components'
+import { ScrollView, Image, Button } from '@tarojs/components'
 import ProjectListItem from '@/components/ProjectListItem/index'
 import { useSelector } from 'react-redux'
 import { fetch } from '@/utils/request'
               </view>
             </view>
             <view className='Btn'>
-              <text>分享主页</text>
+              <Button className='Share' open-type='share'>分享主页</Button>
             </view>
           </view>
 

src/subpackages/pages/consultant/myHomepage/index.scss

           }
           > .Btn {
             margin-top: 40px;
-            > text {
+            > button {
               display: block;
               text-align: center;
               font-size: 32px;
               color: #333;
               font-weight: bold;
               background: #f2f2f2;
+              border: none;
+              &::after {
+                border: none;
+              }
             }
           }
         }
             line-height: 92px;
             background: #193c83;
             border-radius: 92px;
+            border: none;
           }
         }
       }