静态页面

src/app.scss

   height: 100%;
   position: relative;
   overflow: hidden;
+  color: #333;
+  text {
+    color: #333;
+  }
 }
 
 .centerLabel {

src/components/ProjectListItem/index.jsx

 
 export default function ProjectListItem (props) {
   const { Data = {} } = props
+  const { uvList = [] } = Data
   return (
     <view className='components ProjectListItem flex-h' onClick={() => {Taro.navigateTo({ url: `/pages/index/buildingDetail/index?id=${Data.buildingId}` })}}>
       <view className='Img'>
           <text className='iconfont icon-fenxiang'></text>
           <text>{Data.shareNum}次分享</text>
           <view className='Users'>
-            <view></view>
-            <view></view>
-            <view></view>
+            {
+              uvList.records.slice(0, 3).map((item, index) => (
+                <view key={`uv-${index}`}>
+                  <Image mode='aspectFill' className='centerLabel' src={item.photoOravatar} />
+                </view>
+              ))
+            }
           </view>
           <text>...{Data.pvNum}人围观</text>
         </view>

src/components/ProjectListItem/index.scss

           display: block;
           font-size: 28px;
           font-weight: bold;
-          color: #000;
+          color: #333;
           line-height: 40px;
           white-space: nowrap;
           overflow: hidden;
       > text {
         font-size: 24px;
         line-height: 40px;
-        color: #000;
+        color: #333;
         &:last-child {
           color: red;
         }
           border-radius: 100%;
           margin-left: -10px;
           position: relative;
+          overflow: hidden;
           &:nth-child(1) {
             z-index: 1;
             margin-left: 0;
           &:nth-child(3) {
             z-index: 3;
           }
+          >image {
+            width: 100%;
+            height: 100%;
+          }
         }
       }
     }

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

         display: block;
         font-size: 40px;
         line-height: 56px;
-        color: #000;
+        color: #333;
       }
     }
     >.Collect {
           text-align: justify;
           text-align-last: justify;
           &.active {
-            color: #000;
+            color: #333;
             text-align: left;
             text-align-last: left;
           }

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

+import React, { useState, useEffect } from 'react'
+import './index.scss'
+import '../../../../../assets/css/iconfont.css'
+import { ScrollView, Image } from '@tarojs/components'
+
+export default function HouseTypeIntro (props) {
+  const { Data = {} } = props
+  return (
+    <view className='components HouseTypeIntro'>
+
+      <view className='Title flex-h'>
+        <view className='flex-item'>
+          <text>户型介绍（5）</text>
+        </view>
+        <text>更多</text>
+        <text className='iconfont icon-jiantouright'></text>
+      </view>
+
+    </view>
+  )
+}

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

+.components.HouseTypeIntro {
+  position: relative;
+  overflow: hidden;
+  padding: 40px 30px;
+  >.Title {
+    align-items: center;
+    >.flex-item {
+      >text {
+        display: block;
+        font-size: 34px;
+        color: #333;
+        line-height: 1;
+        letter-spacing: 4px;
+        font-weight: bold;
+      }
+    }
+    >text {
+      font-size: 26px;
+      color: #A1A1A1;
+    }
+  }
+}

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

+import React, { useState, useEffect } from 'react'
+import './index.scss'
+import '../../../../../assets/css/iconfont.css'
+import { ScrollView, Image } from '@tarojs/components'
+
+export default function LivingActivity (props) {
+  const { Data = {} } = props
+  return (
+    <view className='components LivingActivity'>
+
+      <view className='Title flex-h'>
+        <view className='flex-item'>
+          <text>直播活动</text>
+        </view>
+        <text>更多</text>
+        <text className='iconfont icon-jiantouright'></text>
+      </view>
+
+    </view>
+  )
+}

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

+.components.LivingActivity {
+  position: relative;
+  overflow: hidden;
+  padding: 40px 30px;
+  >.Title {
+    align-items: center;
+    >.flex-item {
+      >text {
+        display: block;
+        font-size: 34px;
+        color: #333;
+        line-height: 1;
+        letter-spacing: 4px;
+        font-weight: bold;
+      }
+    }
+    >text {
+      font-size: 26px;
+      color: #A1A1A1;
+    }
+  }
+}

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

+import React, { useState, useEffect } from 'react'
+import './index.scss'
+import '../../../../../assets/css/iconfont.css'
+import { ScrollView, Image } from '@tarojs/components'
+
+export default function MarketingActivity (props) {
+  const { Data = {} } = props
+  return (
+    <view className='components MarketingActivity'>
+
+      <view className='Title flex-h'>
+        <view className='flex-item'>
+          <text>营销活动</text>
+        </view>
+        <text>更多</text>
+        <text className='iconfont icon-jiantouright'></text>
+      </view>
+
+    </view>
+  )
+}

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

+.components.MarketingActivity {
+  position: relative;
+  overflow: hidden;
+  padding: 40px 30px;
+  >.Title {
+    align-items: center;
+    >.flex-item {
+      >text {
+        display: block;
+        font-size: 34px;
+        color: #333;
+        line-height: 1;
+        letter-spacing: 4px;
+        font-weight: bold;
+      }
+    }
+    >text {
+      font-size: 26px;
+      color: #A1A1A1;
+    }
+  }
+}

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

+import React, { useState, useEffect } from 'react'
+import './index.scss'
+import '../../../../../assets/css/iconfont.css'
+import { ScrollView, Image } from '@tarojs/components'
+
+export default function MarketingActivity (props) {
+  const { Data = {} } = props
+  return (
+    <view className='components MarketingActivity'>
+
+      <view className='Title flex-h'>
+        <view className='flex-item'>
+          <text>新鲜资讯</text>
+        </view>
+        <text>更多</text>
+        <text className='iconfont icon-jiantouright'></text>
+      </view>
+
+    </view>
+  )
+}

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

+.components.MarketingActivity {
+  position: relative;
+  overflow: hidden;
+  padding: 40px 30px;
+  >.Title {
+    align-items: center;
+    >.flex-item {
+      >text {
+        display: block;
+        font-size: 34px;
+        color: #333;
+        line-height: 1;
+        letter-spacing: 4px;
+        font-weight: bold;
+      }
+    }
+    >text {
+      font-size: 26px;
+      color: #A1A1A1;
+    }
+  }
+}

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

+import React, { useState, useEffect } from 'react'
+import './index.scss'
+import '../../../../../assets/css/iconfont.css'
+import { ScrollView, Image } from '@tarojs/components'
+
+export default function Periphery (props) {
+  const { Data = {} } = props
+  return (
+    <view className='components Periphery'>
+
+      <view className='Title flex-h'>
+        <view className='flex-item'>
+          <text>位置及周边配套</text>
+        </view>
+      </view>
+
+    </view>
+  )
+}

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

+.components.Periphery {
+  position: relative;
+  overflow: hidden;
+  padding: 40px 30px;
+  >.Title {
+    align-items: center;
+    >.flex-item {
+      >text {
+        display: block;
+        font-size: 34px;
+        color: #333;
+        line-height: 1;
+        letter-spacing: 4px;
+        font-weight: bold;
+      }
+    }
+    >text {
+      font-size: 26px;
+      color: #A1A1A1;
+    }
+  }
+}

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

+import React, { useState, useEffect } from 'react'
+import './index.scss'
+import '../../../../../assets/css/iconfont.css'
+import { ScrollView, Image } from '@tarojs/components'
+
+export default function Pictures (props) {
+  const { Data = {} } = props
+  return (
+    <view className='components Pictures'>
+
+      <view className='Title flex-h'>
+        <view className='flex-item'>
+          <text>相册</text>
+        </view>
+      </view>
+
+    </view>
+  )
+}

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

+.components.Pictures {
+  position: relative;
+  overflow: hidden;
+  padding: 40px 30px;
+  >.Title {
+    align-items: center;
+    >.flex-item {
+      >text {
+        display: block;
+        font-size: 34px;
+        color: #333;
+        line-height: 1;
+        letter-spacing: 4px;
+        font-weight: bold;
+      }
+    }
+    >text {
+      font-size: 26px;
+      color: #A1A1A1;
+    }
+  }
+}

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

+import React, { useState, useEffect } from 'react'
+import './index.scss'
+import '../../../../../assets/css/iconfont.css'
+import { ScrollView, Image } from '@tarojs/components'
+
+export default function ProjectDynamic (props) {
+  const { Data = {} } = props
+  return (
+    <view className='components ProjectDynamic'>
+
+      <view className='Title flex-h'>
+        <view className='flex-item'>
+          <text>项目动态</text>
+        </view>
+        <text>更多</text>
+        <text className='iconfont icon-jiantouright'></text>
+      </view>
+
+    </view>
+  )
+}

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

+.components.ProjectDynamic {
+  position: relative;
+  overflow: hidden;
+  padding: 40px 30px;
+  >.Title {
+    align-items: center;
+    >.flex-item {
+      >text {
+        display: block;
+        font-size: 34px;
+        color: #333;
+        line-height: 1;
+        letter-spacing: 4px;
+        font-weight: bold;
+      }
+    }
+    >text {
+      font-size: 26px;
+      color: #A1A1A1;
+    }
+  }
+}

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

+import React, { useState, useEffect } from 'react'
+import './index.scss'
+import '../../../../../assets/css/iconfont.css'
+import { ScrollView, Image } from '@tarojs/components'
+
+export default function PropertyConsultant (props) {
+  const { Data = {} } = props
+  return (
+    <view className='components PropertyConsultant'>
+
+      <view className='Title flex-h'>
+        <view className='flex-item'>
+          <text>置业顾问</text>
+        </view>
+        <text>更多</text>
+        <text className='iconfont icon-jiantouright'></text>
+      </view>
+
+    </view>
+  )
+}

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

+.components.PropertyConsultant {
+  position: relative;
+  overflow: hidden;
+  padding: 40px 30px;
+  >.Title {
+    align-items: center;
+    >.flex-item {
+      >text {
+        display: block;
+        font-size: 34px;
+        color: #333;
+        line-height: 1;
+        letter-spacing: 4px;
+        font-weight: bold;
+      }
+    }
+    >text {
+      font-size: 26px;
+      color: #A1A1A1;
+    }
+  }
+}

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

+import React, { useState, useEffect } from 'react'
+import './index.scss'
+import '../../../../../assets/css/iconfont.css'
+import { ScrollView, Image } from '@tarojs/components'
+
+export default function SpecialPriceHouse (props) {
+  const { Data = {} } = props
+  return (
+    <view className='components SpecialPriceHouse'>
+
+      <view className='Title flex-h'>
+        <view className='flex-item'>
+          <text>特价房源（5）</text>
+        </view>
+        <text>更多</text>
+        <text className='iconfont icon-jiantouright'></text>
+      </view>
+
+    </view>
+  )
+}

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

+.components.SpecialPriceHouse {
+  position: relative;
+  overflow: hidden;
+  padding: 40px 30px;
+  >.Title {
+    align-items: center;
+    >.flex-item {
+      >text {
+        display: block;
+        font-size: 34px;
+        color: #333;
+        line-height: 1;
+        letter-spacing: 4px;
+        font-weight: bold;
+      }
+    }
+    >text {
+      font-size: 26px;
+      color: #A1A1A1;
+    }
+  }
+}

src/pages/index/buildingDetail/index.jsx

 import '../../../assets/css/iconfont.css'
 import DetailBottom from './components/DetailBottom/index'
 import BasicInfo from './components/BasicInfo/index'
+import SpecialPriceHouse from './components/SpecialPriceHouse/index'
+import ProjectDynamic from './components/ProjectDynamic/index'
+import PropertyConsultant from './components/PropertyConsultant/index'
+import Periphery from './components/Periphery/index'
+import HouseTypeIntro from './components/HouseTypeIntro/index'
+import MarketingActivity from './components/MarketingActivity/index'
+import LivingActivity from './components/LivingActivity/index'
+import News from './components/News/index'
+import Pictures from './components/Pictures/index'
 
 export default withLayout((props) => {
 
                   <BasicInfo></BasicInfo>
                 </view>
 
+                {/* 特价房源 */}
+                <view className='SpecialPriceHouse'>
+                  <SpecialPriceHouse></SpecialPriceHouse>
+                </view>
+
+                {/* 项目动态 */}
+                <view className='ProjectDynamic'>
+                  <ProjectDynamic></ProjectDynamic>
+                </view>
+
+                {/* 置业顾问 */}
+                <view className='PropertyConsultant'>
+                  <PropertyConsultant></PropertyConsultant>
+                </view>
+
+                {/* 位置及周边 */}
+                <view className='Periphery'>
+                  <Periphery></Periphery>
+                </view>
+
+                {/* 户型介绍 */}
+                <view className='HouseTypeIntro'>
+                  <HouseTypeIntro></HouseTypeIntro>
+                </view>
+
+                {/* 营销活动 */}
+                <view className='MarketingActivity'>
+                  <MarketingActivity></MarketingActivity>
+                </view>
+
+                {/* 直播活动 */}
+                <view className='LivingActivity'>
+                  <LivingActivity></LivingActivity>
+                </view>
+
+                {/* 新鲜资讯 */}
+                <view className='News'>
+                  <News></News>
+                </view>
+
+                {/* 相册 */}
+                <view className='Pictures'>
+                  <Pictures></Pictures>
+                </view>
+
               </view>
 
               {/* bottom */}

src/pages/index/buildingDetail/index.scss

             overflow: hidden;
             z-index: 2;
             margin-top: 71.5vw;
+            background: #f8f8f8;
+            border-radius: 40px 40px 0 0;
             >view {
               position: relative;
               overflow: hidden;

src/pages/index/components/ColumnTitle/index.scss

 .components.ColumnTitle {
   align-items: center;
   padding: 0 30px;
-  margin-top: 40px;
+  margin-top: 60px;
   > text {
     font-size: 38px;
     font-weight: bold;
-    color: #000;
+    color: #333;
     line-height: 40px;
+    letter-spacing: 4px;
     &.iconfont {
       font-size: 44px;
       font-weight: normal;

src/pages/index/components/HotRecommend/index.scss

         font-weight: bold;
         &.active {
           color: #193c83;
-          background: rgba(0, 0, 0, 0.08);
+          background: rgba(25, 60, 131, 0.08);
         }
       }
     }

src/pages/index/components/IndexColumnTitle/index.scss

   > text {
     font-size: 32px;
     font-weight: bold;
-    color: #000;
+    color: #333;
     line-height: 40px;
   }
   > .More {

src/pages/index/components/Location/index.scss

   align-items: center;
   >text {
     font-size: 20px;
-    line-height: 44px;
+    line-height: 80px;
     margin-left: 10px;
     &:first-child {
       margin-left: 20px;

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

                 }
                 {
                   item.type === 'range' &&
-                  <view className='RangeList'>
-                    <Slider activeColor="#193C83" block-color="#193C83" onChange={(e) => { Rangehange(e, index) }} min={item.options[0]} max={item.options[1]} show-value />
+                  <view className='RangeList flex-h'>
+                    <view className='flex-item'>
+                      <Slider activeColor="#193C83" block-color="#fff" onChange={(e) => { Rangehange(e, index) }} min={item.options[0]} max={item.options[1]} show-value />
+                    </view>
+                    <text>万</text>
                   </view>
                 }
                 {
           </view>
         ))
       }
-      {/* {
-        StepId === 1 &&
-        <view className='Step'>
-          <view>
-            <text>意向区域</text>
-            <view className='Area'>
-              <view className='flex-h'>
-                <text className='iconfont icon-dingwei'></text>
-                <text>不限</text>
-                <view className='flex-item'></view>
-                <text className='iconfont icon-jiantoudown'></text>
-              </view>
-            </view>
-          </view>
-
-          <view>
-            <text>意向楼盘</text>
-            <view className='Purpose'>
-              <view>
-                <Input placeholder="请输入意向楼盘" />
-              </view>
-            </view>
-          </view>
-
-          <view>
-            <text>您想购买的是首套房还是二套房？</text>
-            <view className='CheckList'>
-              {
-                SingleList.map((item, index) => (
-                  <view key={`SingleItem-${index}`} className={CurrnetSingleId === item.id ? 'active' : ''} onClick={CutSingleId(item.id)}>
-                    {item.name}
-                    <Image mode='heightFix' src={require('../../../../../assets/findHouse-icon1.png')}></Image>
-                  </view>
-                ))
-              }
-            </view>
-          </view>
-
-          <view>
-            <text>总价预算范围</text>
-            <view className='PriceRange'>
-              <view className='flex-h'>
-                <view className='flex-item'>
-                  <Input placeholder="最小面积㎡" />
-                </view>
-                <text>-</text>
-                <view className='flex-item'>
-                  <Input placeholder="最大面积㎡" />
-                </view>
-              </view>
-            </view>
-          </view>
-        </view>
-      }
-
-      {
-        StepId === 2 &&
-        <view className='Step'>
-          <view>
-            <text>您想购买的是二手房还是新房？</text>
-            <view className='CheckList'>
-              {
-                NewOldList.map((item, index) => (
-                  <view key={`NewOldItem-${index}`} className={CurrnetNewOldId === item.id ? 'active' : ''} onClick={CutNewOldId(item.id)}>
-                    {item.name}
-                    <Image mode='heightFix' src={require('../../../../../assets/findHouse-icon1.png')}></Image>
-                  </view>
-                ))
-              }
-            </view>
-          </view>
-          <view>
-            <text>居室要求</text>
-            <view className='CheckList'>
-              {
-                HouseTypeList.map((item, index) => (
-                  <view key={`HouseTypeItem-${index}`} className={CurrnetHouseTypeId === item.id ? 'active' : ''} onClick={CutHouseTypeId(item.id)}>
-                    {item.name}
-                    <Image mode='heightFix' src={require('../../../../../assets/findHouse-icon1.png')}></Image>
-                  </view>
-                ))
-              }
-            </view>
-          </view>
-          <view>
-            <text>面积要求</text>
-            <view className='CheckList'>
-              {
-                AreaList.map((item, index) => (
-                  <view key={`AreaItem-${index}`} className={CurrnetAreaId === item.id ? 'active' : ''} onClick={CutAreaId(item.id)}>
-                    {item.name}
-                    <Image mode='heightFix' src={require('../../../../../assets/findHouse-icon1.png')}></Image>
-                  </view>
-                ))
-              }
-            </view>
-          </view>
-        </view>
-      }
-
-      {
-        StepId === 3 &&
-        <view className='Step'>
-          <view>
-            <text>价格要求</text>
-            <view className='RangeList'>
-              <Slider activeColor="#193C83" block-color="#193C83" change={PriceRangehange} min="50" max="200" show-value />
-            </view>
-          </view>
-          <view>
-            <text>偏好设置</text>
-            <view className='CheckList'>
-              {
-                PreferenceList.map((item, index) => (
-                  <view key={`PreferenceItem-${index}`} className={CurrnetPreferenceId === item.id ? 'active' : ''} onClick={CutPreferenceId(item.id)}>
-                    {item.name}
-                    <Image mode='heightFix' src={require('../../../../../assets/findHouse-icon1.png')}></Image>
-                  </view>
-                ))
-              }
-            </view>
-          </view>
-          <view>
-            <text>购房目的</text>
-            <view className='CheckList'>
-              {
-                GoalList.map((item, index) => (
-                  <view key={`GoalItem-${index}`} className={CurrnetGoalId === item.id ? 'active' : ''} onClick={CutGoalId(item.id)}>
-                    {item.name}
-                    <Image mode='heightFix' src={require('../../../../../assets/findHouse-icon1.png')}></Image>
-                  </view>
-                ))
-              }
-            </view>
-          </view>
-        </view>
-      }
-
-      {
-        StepId === 4 &&
-        <view className='Step'>
-          <view>
-            <text>计划在多久购房？</text>
-            <view className='CheckList'>
-              {
-                LongTimeList.map((item, index) => (
-                  <view key={`LongTimeItem-${index}`} className={CurrnetLongTimeId === item.id ? 'active' : ''} onClick={CutLongTimeId(item.id)}>
-                    {item.name}
-                    <Image mode='heightFix' src={require('../../../../../assets/findHouse-icon1.png')}></Image>
-                  </view>
-                ))
-              }
-            </view>
-          </view>
-          <view>
-            <text>您还有哪些需要备注的信息？</text>
-            <view className='Textarea'>
-              <Textarea placeholder="请说出您的其他需求，让我们更好的为您服务！" />
-            </view>
-          </view>
-        </view>
-      } */}
 
       <view className='Btn'>
         <text className='active' onClick={NextStep}>下一步</text>

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

         font-weight: bold;
         color: #333;
         line-height: 40px;
+        letter-spacing: 4px;
       }
       > view {
         position: relative;
           display: inline-block;
           vertical-align: middle;
           font-size: 30px;
-          font-weight: bold;
+          font-weight: 600;
           color: #333;
           line-height: 40px;
           padding: 20px 0;
           }
         }
       }
+      >.RangeList {
+        align-items: center;
+        >text {
+          color: #999;
+          font-size: 28px;
+          transform: translateX(-30px);
+        }
+      }
       > .PriceRange {
         > view {
           align-items: center;

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

   return (
     <view className='components HousePurchasing'>
       {
-        ShowPopup && 
+        ShowPopup &&
         <SubmitBuyHouseResult></SubmitBuyHouseResult>
       }
       {
         <view className='Step'>
           <view>
             <text>价格要求</text>
-            <view className='RangeList'>
-              <Slider activeColor="#193C83" block-color="#193C83" change={PriceRangehange} min="50" max="200" show-value />
+            <view className='RangeList flex-h'>
+              <view className='flex-item'>
+                <Slider activeColor="#193C83" block-color="#fff" change={PriceRangehange} min="50" max="200" show-value />
+              </view>
+              <text>万</text>
             </view>
           </view>
           <view>

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

         font-weight: bold;
         color: #333;
         line-height: 40px;
+        letter-spacing: 4px;
       }
       > view {
         position: relative;
           display: inline-block;
           vertical-align: middle;
           font-size: 30px;
-          font-weight: bold;
+          font-weight: 600;
           color: #333;
           line-height: 40px;
           padding: 20px 0;
           }
         }
       }
+      >.RangeList {
+        align-items: center;
+        >text {
+          color: #999;
+          font-size: 28px;
+          transform: translateX(-30px);
+        }
+      }
       > .PriceRange {
         > view {
           align-items: center;

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

   return (
     <view className='components RentingHouse'>
       {
-        ShowPopup && 
+        ShowPopup &&
         <SubmitBuyHouseResult></SubmitBuyHouseResult>
       }
       {
           <view>
             <text>价格要求</text>
             <view className='RangeList'>
-              <Slider activeColor="#193C83" block-color="#193C83" change={PriceRangehange} min="50" max="200" show-value />
+              <view className='flex-item'>
+                <Slider activeColor="#193C83" block-color="#fff" change={PriceRangehange} min="50" max="200" show-value />
+              </view>
+              <text>万</text>
             </view>
           </view>
           <view>

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

         font-weight: bold;
         color: #333;
         line-height: 40px;
+        letter-spacing: 4px;
       }
       > view {
         position: relative;
           display: inline-block;
           vertical-align: middle;
           font-size: 30px;
-          font-weight: bold;
+          font-weight: 600;
           color: #333;
           line-height: 40px;
           padding: 20px 0;
           }
         }
       }
+      >.RangeList {
+        align-items: center;
+        >text {
+          color: #999;
+          font-size: 28px;
+          transform: translateX(-30px);
+        }
+      }
       > .PriceRange {
         > view {
           align-items: center;

src/pages/index/index.scss

       overflow: hidden;
       min-height: 100vh;
       >.Location {
-        padding: 0 50px;
+        padding: 0 30px;
         position: relative;
         overflow: visible;
         margin-top: 24px;

src/pages/mine/components/MyCourseListItem/index.scss

           display: block;
           font-size: 28px;
           font-weight: bold;
-          color: #000;
+          color: #333;
           line-height: 40px;
           white-space: nowrap;
           overflow: hidden;
       > text {
         font-size: 24px;
         line-height: 40px;
-        color: #000;
+        color: #333;
         &:last-child {
           color: red;
         }

src/pages/mine/components/MyShareListItem/index.scss

           display: block;
           font-size: 28px;
           font-weight: bold;
-          color: #000;
+          color: #333;
           line-height: 30px;
           white-space: nowrap;
           overflow: hidden;
       > text {
         font-size: 24px;
         line-height: 40px;
-        color: #000;
+        color: #333;
         &:last-child {
           color: red;
         }

src/pages/mine/myCollect/index.scss

             &::after {
               content: '';
               width: 100%;
-              height: 4px;
+              height: 6px;
               position: absolute;
               left: 0;
               bottom: 0;

src/pages/video/components/VideoListItem/index.scss

       font-size: 32px;
       line-height: 40px;
       color: #333;
-      font-weight: bold;
+      font-weight: 600;
       height: 80px;
       overflow: hidden;
       text-overflow: ellipsis;
       display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 2;
+      letter-spacing: 2px;
     }
   }
   >.Location {

src/pages/video/index.scss

         vertical-align: middle;
         font-size: 20px;
         color: #999;
-        line-height: 44px;
+        line-height: 80px;
         &.iconfont {
           margin-right: 10px;
         }
             &::after {
               content: '';
               width: 100%;
-              height: 4px;
+              height: 6px;
               display: block;
               position: absolute;
               left: 0;

src/routes.js

   /**********************************
    *  Tab 页面
    *********************************/
+  {
+    name: '楼盘详情',
+    page: 'pages/index/buildingDetail/index',
+    pkg: 'main',
+    type: 'building',
+  },
   {
     name: '首页',
     page: 'pages/index/index',
     pkg: 'main',
     type: 'building',
   },
-  {
-    name: '楼盘详情',
-    page: 'pages/index/buildingDetail/index',
-    pkg: 'main',
-    type: 'building',
-  },
   {
     name: '品牌列表',
     page: 'pages/index/brandList/index',