index

src/pages/project/index.js

@@ -59,14 +59,6 @@ export default class Index extends Component {
 
   componentWillMount() {
 
-    // wx.setNavigationBarColor({
-    //   frontColor: '#ffffff',
-    //   backgroundColor: '#E31F05',
-    //   animation: {
-    //     duration: 400,
-    //     timingFunc: 'easeIn'
-    //   }
-    // })
     Taro.hideTabBar()
 
     ready.queue(() => {
@@ -91,10 +83,6 @@ export default class Index extends Component {
     })
   }
 
-  componentDidMount() {
-    // Taro.setNavigationBarTitle({ title: this.props.userInfo.miniApp.name })
-  }
-
   getIndexShareInfo() {
     getIndexShare().then(res => {
 
@@ -556,17 +544,29 @@ export default class Index extends Component {
             {!achieve && <ScrollView
               scrollY
               className='home'>
+              {/* 搜索框 */}
+              <View className="top-box">
+                <View className="search" onClick={this.handleToHouseList}>
+                  <Image className="search-icon" src={require('@/assets/index/search.png')} />
+                  <Input className="search-input" placeholder-style="color:#B8B8B8" placeholder="输入你想查询的楼盘"></Input>
+                </View>
+                <View className="location" onClick={this.handleLocationClick}>
+                  <Image className="location-icon" src={require('@/assets/index/location.png')} />
+                  <Text className="location-text">{curCity.id ? curCity.shortname : '正在定位'}</Text>
+                  <View class="arrow_down"></View>
+                </View>
+              </View>
               {/* 头部轮播图 */}
               <View className="section section-top" style={{ marginTop: 0, paddingTop: 0 }}>
                 <View
                   style={{
-                    height: '500rpx', position: 'relative'
+                    height: '464rpx', position: 'relative'
                   }}>
                   {
                     this.state.visBanner && (
                       <Banner
                         style={{
-                          height: '500rpx'
+                          height: '464rpx'
                         }}
                         indicatorDots={false}
                         list={this.state.bannerList}
@@ -577,47 +577,35 @@ export default class Index extends Component {
                     )
                   }
                 </View>
-                {/* 搜索框 */}
-                <View className="top-box">
-                  <View className="search" onClick={this.handleToHouseList}>
-                    <Image className="search-icon" src={require('@/assets/index/search.png')} />
-                    <Input className="search-input" placeholder-style="color:#fff" placeholder="输入你想查询的楼盘"></Input>
-                  </View>
-                  <View className="location" onClick={this.handleLocationClick}>
-                    <Image className="location-icon" src={require('@/assets/map.png')} />
-                    <Text className="location-text">{curCity.id ? curCity.shortname : '正在定位'}</Text>
-                    <View class="arrow_down"></View>
-                  </View>
-                </View>
               </View>
               {/* 菜单栏 */}
-              <View className="mune-box" style={personType == ROLE_CODE['CONSULTANT'] ? `background: url(${transferImage(bgImg)}) no-repeat center;background-size: 100% 100%;padding:0 8%` : `background: url(${transferImage(bgImg)}) no-repeat center;background-size: 100% 100%`}>
+              <View className="mune-box" style={personType == ROLE_CODE['CONSULTANT'] ? "padding:0 8%" : ""}>
                 <View className="mune-item" onClick={this.toShopMallPage}>
-                  <Image src="https://njcj.oss-cn-shanghai.aliyuncs.com/miniapp/upload/images/1578709201249-mall.png" className='icon'></Image>
+                  <Image src={require('@/assets/index/mall-icon.png')} className='icon'></Image>
                   <View className="mune-text">
                     积分商城
-                  </View>
+                </View>
                 </View>
                 <View className="mune-item" onClick={this.toPolicyPage}>
-                  <Image src="https://njcj.oss-cn-shanghai.aliyuncs.com/miniapp/upload/images/1578708937718-encyclopedia.png" className='icon'></Image>
+                  <Image src={require('@/assets/index/encyclopedia-icon.png')} className='icon'></Image>
                   <View className="mune-text">
                     购房百科
-                  </View>
+                </View>
                 </View>
                 {
                   (personType !== ROLE_CODE['CONSULTANT']) &&
                   <View className="mune-item" onClick={this.toRecomonedPage}>
-                    <Image src="https://njcj.oss-cn-shanghai.aliyuncs.com/miniapp/upload/images/1578709234380-recommend.png" className='icon'></Image>
+                    <Image src={require('@/assets/index/recommend-icon.png')} className='icon'></Image>
                     <View className="mune-text">
                       推荐客户
-                  </View>
+                </View>
                   </View>
                 }
                 <View className="mune-item" onClick={this.toMapHouse}>
-                  <Image src="https://njcj.oss-cn-shanghai.aliyuncs.com/miniapp/upload/images/1578709222557-map.png" className='icon'></Image>
+                  <Image src={require('@/assets/index/map-icon.png')} className='icon'></Image>
                   <View className="mune-text">
                     地图找房
-                  </View>
+                </View>
                 </View>
               </View>
               <View style={(newsShow || propagandaBanner.length > 0) ? "border-bottom:20rpx solid #f5f5f5" : ''}>
@@ -626,7 +614,7 @@ export default class Index extends Component {
                   this.state.visPropagandaBanner && propagandaBanner.length > 0 &&
                   <View
                     style={{
-                      position: 'relative', padding: '10px 15px 0 15px'
+                      position: 'relative', padding: '20px 15px 0 15px'
                     }}>
                     <BannerTwo
                       style={{

src/pages/project/index.scss

@@ -12,27 +12,24 @@
   justify-content: space-between;
   align-items: center;
 }
-
 .top-box{
   display: flex;
   width: 100%;
   align-items: center;
   justify-content: space-between;
-  position: absolute;
-  top: 0;
-  left: 0;
   padding: 20px 30px;
+  background-color: #fff;
   .search {
     height: 60px;
     line-height: 60px;
-    background:rgba(0,0,0,0.12);
+    background:rgba(0,0,0,0.04);
     -webkit-box-pack: start;
     -webkit-justify-content: flex-start;
     -ms-flex-pack: start;
     border-radius: 30px;
     @extend .flex;
     justify-content: flex-start;
-    width: 530px;
+    width: 500px;
     &-icon {
     width: 26px;
     height: 24px;
@@ -40,30 +37,27 @@
     }
     &-input {
       font-size: 24px;
-      color: #fff;
+      color: #B8B8B8;
     }
   }
   .location {
     @extend .flex;
     justify-content: center;
-    padding: 0 12px;
-    background:rgba(0,0,0,0.12);
-    border-radius:30px;
     height: 60px;
     line-height: 60px;
-    
+    width: 154px;
+    text-align: center;
     &-text {
-      font-size: 25px;
-      padding: 0 6px 0 8px;
-      color: #fff;
+      font-size: 26px;
+      padding: 0 8px;
+      color: $primary-color;
       @include text-ellipsis; 
-      max-width: 80px;
+      max-width: 120px;
       text-align: center;
     }
-  
     &-icon {
-      width: 12px;
-      height: 16px;
+      width: 14px;
+      height: 20px;
       animation: bigger 1s ease 3 both;
     }
     .arrow_down {
@@ -71,21 +65,21 @@
       height: 0;
       border-left: 8px solid transparent;
       border-right: 8px solid transparent;
-      border-top: 8px solid #fff;
+      border-top: 8px solid $primary-color;
     }
   }
-}
 
+}
 .mune-box{
-  width:700px;
-  height:208px;
-  // background:#fff;
-  // box-shadow:0px 4px 12px 0px rgba(0,0,0,0.12);
+  width:690px;
+  height:188px;
+  background:#fff;
+  box-shadow:0px 4px 12px 0px rgba(0,0,0,0.12);
   border-radius:12px;
   display: flex;
   align-items: center;
   justify-content: space-between;
-  margin: -54px auto 0 auto;
+  margin: -94px auto 0 auto;
   position: relative;
   .mune-item{
     text-align: center;