index

src/pages/project/activity/index.js

@@ -0,0 +1,81 @@
+import Taro, { Component } from '@tarojs/taro'
+import { View, Swiper, SwiperItem, Image } from '@tarojs/components'
+import { queryHelpGroup } from '@services/news'
+import { transferImage } from '@utils/tools'
+import ActivityItem from '../../activity/item'
+import dayjs from 'dayjs'
+import './index.scss'
+
+const bgImg = require('@assets/index/background.png')
+
+export default class SwiperBanner extends Component {
+
+    state = {
+        helpGroupList: []
+    }
+
+
+    componentWillMount() {
+        this.loadHelpGroupList()
+    }
+
+
+
+    loadHelpGroupList() {
+        queryHelpGroup({ cityId: this.props.cityId, buildingId: '' }).then(res => {
+            this.setState({
+                helpGroupList: res || []
+            })
+        })
+    }
+
+    render() {
+        if (!this.state.helpGroupList.length) return null;
+
+        return (
+            <View className="activity-box" style={`background: url(${transferImage(bgImg)}) no-repeat center;background-size: 100% 100%;`}>
+                <View className="section-head">
+                    <View className="section-head__title">热门活动 </View>
+                    <View className="section-head__more" >
+                        查看更多<Text className="iconfont icon-more"></Text>
+                    </View>
+                </View>
+                <ScrollView scrollX>
+                    <View className='activity-list'>
+                        {
+                            this.state.helpGroupList.length > 1 &&
+                            this.state.helpGroupList.map((item, index) => (
+                                <View className='item' key={index + 'act'}>
+                                    {/* {(data.type == 'help' || data.type == 'group') && */}
+                                    <View className={item.type == '1' ? 'type' : 'type2'}>{item.type == '1' ? '助力' : '拼团'}</View>
+                                    {/* } */}
+                                    <Image className="img" src={require('@assets/shop/bg.jpg')}></Image>
+                                    <View className="title">破晓·内容生态下半场的版权之道—2019企业啦啦啦啦</View>
+                                    <View className="time">参与截止时间</View>
+                                    <View className="time">2019年10月20日 10:08:20</View>
+                                    <View className="btn nostart">未开始</View>
+                                    {/* {item.endDate && */}
+                                        {/* <View className={data.activityStatus == 0 ? "btn jionin " : data.activityStatus == 1 ? "btn nostart" : data.activityStatus == 2 ? "btn jioned" : "btn"}>{data.activityStatus == 0 ? "立即参与" : data.activityStatus == 1 ? "未开始" : data.activityStatus == 2 ? "已结束" : "已参与"}</View> */}
+                        
+                                    {/* } */}
+                                </View>
+                            ))
+                        }
+                        {
+                            this.state.helpGroupList.length == 1 &&
+                            this.state.helpGroupList.map((item, index) => (
+                                <ActivityItem
+                                    data={item}
+                                    key={item.dynamicId}
+                                    onClick={this.handleItemClick}>
+                                </ActivityItem>
+                            ))
+                        }
+
+                    </View>
+                </ScrollView>
+
+            </View>
+        )
+    }
+}

src/pages/project/activity/index.scss

@@ -0,0 +1,126 @@
+@import "@styles/theme.scss";
+@import "@styles/mixins.scss";
+
+.activity-box{
+
+    height:626px;
+    background:#fff;
+    box-shadow:0px 2px 12px 2px rgba(0,0,0,0.08);
+    padding: 0 30px;
+    border-top:20px solid #f5f5f5;
+    position: relative;
+    .section-head  {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        margin: 30px 0;
+     
+        .section-head__title {
+            font-size: 40px;
+            font-weight: 600;
+          }
+          .section-head__more {
+            font-size: 26px;
+            color: #A1A1A1;
+            display: flex;
+            align-items: center;
+
+      
+            .iconfont {
+              font-size: 26px;
+              color: #A1A1A1;
+              font-family: "iconfont" !important;
+              margin-left: 6px;
+
+            }
+            .icon-more:before {
+                content: "\e636";       
+            }
+          }
+        }
+    .activity-list{
+        position: relative;
+        -webkit-overflow-scrolling: touch;
+        overflow: hidden;
+        display: inline-flex;
+        padding-bottom: 10px;
+        .item{
+            width:330px;
+            height:452px;
+            background:#fff;
+            box-shadow: 0 4px  8px 0 rgba(0, 0, 0, 0.16);
+            margin: 0 20px  0 2px;
+            border-radius:12px;
+            position: relative;
+            .type{
+                position: absolute;
+                left:0;
+                top:0;
+                color: #fff;
+                background:#F6B61D;
+                padding: 10px 36px;
+                border-radius: 12px 0 12px 0;
+                font-size: 24px;
+              }
+              .type2{
+                position: absolute;
+                left:0;
+                top:0;
+                color: #fff;
+                background:#BB9C79;
+                padding: 12px 36px;
+                border-radius: 12px 0 12px 0;
+                font-size: 24px;
+            
+              }
+            .img{
+              width: 330px;
+              height: 186px;  
+              border-radius:12px 12px 0 0;
+            }
+            .title{
+                overflow: hidden;
+                text-overflow: ellipsis;
+                display: -webkit-box;
+                -webkit-line-clamp: 2;
+                line-clamp: 2;
+                -webkit-box-orient: vertical;
+                height: 80px;
+                color: #666666;
+                font-size: 28px;
+                margin: 16px 10px 4px 10px;
+            }
+            .time{
+                color: #999;
+                font-size: 24px;
+                margin: 4px 10px ;
+            }
+            .btn {
+
+                background:#DADADA;
+                border-radius:30px;
+                text-align: center;
+                color: white;
+                display: block;
+                width: 148px;
+                font-size: 26px;
+                height: 48px;
+                line-height: 48px;
+                margin-top: 14px;
+                margin: 20px auto;
+              }
+              .jionin{
+                background:#FF6A6A;
+              }
+                  .nostart {
+                
+                background:#FDC080;
+              }
+              .jioned{
+                background: #9B9B9B;
+              }
+        }
+        
+    }
+    
+  }

src/pages/project/index.js

@@ -4,13 +4,13 @@ import './index.scss'
 import ProjectItem from './item'
 import Banner from './banner'
 import Newsbanner from './newsbanner'
-import HelpGroupBanner from './swiper'
+import Activity from './activity'
+import BannerTwo from './swiper'
 // import ActivityItem from '../activity/item'
 import ready from '@utils/ready'
 import { getLocationCity } from '@services/map'
-
 import { queryBanners, savePoint, updatePoint } from '@services/common'
-import { queryNewsList, queryHelpGroup } from '@services/news'
+import { queryHelpGroup } from '@services/news'
 import { queryActivityList } from '@services/activity'
 import { dispatchCitySelected } from '@actions/city'
 import { ROLE_CODE, DECREASE_UNREADNUM } from '@constants/user'
@@ -79,7 +79,6 @@ export default class Index extends Component {
     adImage: advImageOfApp,
     bannerList: [],
     helpGroupList: [],
-    newsList: [],
     activityList: [],
     recordId: null,
     visBanner: false,
@@ -187,7 +186,6 @@ export default class Index extends Component {
   loadData() {
     this.loadBannerList()
     this.loadHelpGroupList()
-    this.loadNewsList()
     this.loadOpenScreenBanner()
     // this.loadActivityList()
     this.loadList()
@@ -259,28 +257,6 @@ export default class Index extends Component {
   }
 
 
-  loadNewsList() {
-    const { curCity } = this.props
-    const payload = {
-      pageNumber: 1,
-      pageSize: 999
-    }
-    if (curCity.id) {
-      payload.cityId = curCity.id
-    }
-
-    this.setState({
-      newsList: [{}]
-    }, () => {
-      queryNewsList(payload).then(res => {
-        this.setState({
-          newsList: res.records || []
-        })
-      })
-    })
-  }
-
-
   loadList() {
     const { keywords } = this.state
     const { curCity } = this.props
@@ -328,7 +304,7 @@ export default class Index extends Component {
       console.log('首页分享')
     })
     return {
-      title: `${this.props.userInfo.miniApp.name || '橙蕉'} 精准获客平台`,//分享内容
+      title: `${this.props.userInfo.miniApp.name || '橙蕉'} 精准获客平台`,//分享内容
       path: `/pages/project/index?from=share&recommender=${personId}`,//分享地址
       imageUrl: this.state.shareImg
     }
@@ -435,9 +411,7 @@ export default class Index extends Component {
   }
 
   handleMaskBannerClick(data) {
-
     this.redirectTo(data)
-
   }
 
   handleLocationClick() {
@@ -463,25 +437,11 @@ export default class Index extends Component {
   // DRIFT: 'drift', // 游客
   // CUSTOMER: 'customer' // 客户
   toRecomonedPage() {
-    const {
-      userInfo: { person: { personType } }
-    } = this.props
 
-    if (personType === ROLE_CODE['DRIFT'] || !personType) {
-      // 游客或者客户 区别是否有电话
-      // this.setState({
-      //   achieve: true
-      // })
-      Taro.navigateTo({
-        url: `/pages/agent/recommend/index?type=index&cityId=` + this.props.curCity.id
-      })
-    } else {
+    Taro.navigateTo({
+      url: `/pages/agent/recommend/index?type=index&cityId=` + this.props.curCity.id
+    })
 
-      Taro.navigateTo({
-        url: `/pages/agent/recommend/index?type=index&cityId=` + this.props.curCity.id
-      })
-      console.log(this.props.curCity.id, "this.props.curCity.id")
-    }
   }
   toMapHouse() {
     Taro.navigateTo({
@@ -497,19 +457,11 @@ export default class Index extends Component {
       url: `/pages/agent/recommend/index?type=index&cityId=` + curCity.id
     })
   }
-  toNewsList() {
-    Taro.getApp().props.projectIndex = 1
-    Taro.switchTab({
-      url: `/pages/activity/activity`,
-      fail: res => {
-        Taro.getApp().props.projectIndex = 0
-      }
-    })
-  }
+
 
   renderProjectList() {
     const { proList: { records = [] } } = this.props
-    const { helpGroupList } = this.state
+
     const list = records.filter(item => item.isMain === 1)
     console.log(records, 'proList')
     return (
@@ -519,7 +471,7 @@ export default class Index extends Component {
             < View className="houses" >
               <View className="section-head">
                 <View style="display:flex;align-items:center">
-                  <Text className="section-head__title" onClick={this.handleProItemClick}>全部楼盘
+                  <Text className="section-head__title" onClick={this.handleProItemClick}>推荐楼盘
                 </Text>
                   <Image src={require('@assets/index/map.png')} onClick={this.toMapHouse} className='map-img'></Image>
                   <Text className='map-txt' onClick={this.toMapHouse}>地图看房</Text>
@@ -542,25 +494,6 @@ export default class Index extends Component {
           )
         }
 
-        {
-          helpGroupList.length > 0 &&
-          <View
-            style={{
-              position: 'relative', padding: '20px 15px 0 15px'
-            }}>
-
-            <HelpGroupBanner
-              style={{
-                borderRadius: '6px',
-                height: '230rpx'
-              }}
-              indicatorDots={false}
-              list={helpGroupList}
-              onClick={this.handleHelpGroupClick}>
-            </HelpGroupBanner>
-          </View>
-        }
-
         <View className="last-text">已经到底了~</View>
       </Block>
     )
@@ -592,10 +525,29 @@ export default class Index extends Component {
       url: '/pages/news/detail/index?id=' + item.newsId
     })
   }
+  toNewsList() {
+    Taro.getApp().props.projectIndex = 1
+    Taro.switchTab({
+      url: `/pages/activity/activity`,
+      fail: res => {
+        Taro.getApp().props.projectIndex = 0
+      }
+    })
+  }
+  toShopMallPage() {
+    Taro.switchTab({
+      url: `/pages/shop/index`
+    })
+  }
+  toPolicyPage() {
+    Taro.navigateTo({
+      url: '/pages/policy/index?from=mine',
+    })
+  }
 
   render() {
     const { curCity } = this.props
-    const { newsList, achieve, adImage } = this.state
+    const {  achieve, helpGroupList } = this.state
     const { userInfo: { person: { personType, phone } } } = this.props
     const { unReadNum, userInfo: { person } } = this.props
     return (
@@ -606,18 +558,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: '600rpx', position: 'relative'
+                    height: '464rpx', position: 'relative'
                   }}>
                   {
                     this.state.visBanner && (
                       <Banner
                         style={{
-                          height: '600rpx'
+                          height: '464rpx'
                         }}
-                        indicatorDots={true}
+                        indicatorDots={false}
                         list={this.state.bannerList}
                         onClick={this.handleBannerClick}
                         onChange={() => (1)}
@@ -626,18 +589,7 @@ export default class Index extends Component {
                     )
                   }
                 </View>
-                <View className="top-box">
-                  <View className="search" onClick={this.handleToHouseList}>
-                    <Image className="search-icon" src={require('@assets/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.name : '正在定位'}</Text>
-                  </View>
-                </View>
-
-                {
+                {/* {
                   (personType !== ROLE_CODE['CONSULTANT']) && (
                     <View className='section sectionn-customer' style={newsList.length ? "padding-bottom:0rpx;" : ""} >
                       <View className='section-content' onClick={this.toRecomonedPage.bind(this, personType)}>
@@ -660,18 +612,64 @@ export default class Index extends Component {
                       </View>
                     </View>
                   )
-                }
+                } */}
 
               </View>
-              <Newsbanner cityId={curCity.id} onClick={this.handleNoticeClick} onClickMore={this.toNewsList} />
+              <View className="mune-box" style={personType == ROLE_CODE['CONSULTANT'] ? "padding:0 8%" : ""}>
+                <View className="mune-item" onClick={this.toShopMallPage}>
+                  <Image src={require('@assets/index/mall-icon.png')} className='icon'></Image>
+                  <View className="mune-text">
+                    积分商城
+                  </View>
+                </View>
+                <View className="mune-item" onClick={this.toPolicyPage}>
+                  <Image src={require('@assets/index/encyclopedia-icon.png')} className='icon'></Image>
+                  <View className="mune-text">
+                    购房百科
+                  </View>
+                </View>
+                {
+                  (personType !== ROLE_CODE['CONSULTANT']) &&
+                  <View className="mune-item" onClick={this.toRecomonedPage}>
+                    <Image src={require('@assets/index/recommend-icon.png')} className='icon'></Image>
+                    <View className="mune-text">
+                      推荐客户
+                  </View>
+                  </View>
+                }
+                <View className="mune-item" onClick={this.toMapHouse}>
+                  <Image src={require('@assets/index/map-icon.png')} className='icon'></Image>
+                  <View className="mune-text">
+                    地图找房
+                  </View>
+                </View>
+              </View>
+              <View style="border-bottom:20rpx solid #f5f5f5">
+              {
+                helpGroupList.length > 0 &&
+                <View
+                  style={{
+                    position: 'relative', padding: '20px 15px 0 15px'
+                  }}>
 
+                  <BannerTwo
+                    style={{
+                      borderRadius: '6px',
+                      height: '230rpx'
+                    }}
+                    indicatorDots={false}
+                    list={helpGroupList}
+                    onClick={this.handleHelpGroupClick}>
+                  </BannerTwo>
+                </View>
+              }
+              <Newsbanner cityId={curCity.id} onClick={this.handleNoticeClick} onClickMore={this.toNewsList} />
+              <Activity cityId={curCity.id} />
+              </View >
               {/* 推荐楼盘 */}
               {this.renderProjectList()}
-
             </ScrollView>}
-            {/* user={person} onSuccess={()=>this.handleAuthPhoneSuccess(curCity) */}
-            {/* {achieve && <View style="width:100%;height:100%"><Authorize ></Authorize>  </View>} */}
-            {this.state.maskVisible && this.renderMaskBanner()}
+            {/* {this.state.maskVisible && this.renderMaskBanner()} */}
             <View className="chat-box" onClick={this.toChatList}>
               {unReadNum > 0 && <View className="red-dot"></View >}
               <Image className='chat-img' src={require('@assets/person/communicate.png')}></Image>

src/pages/project/index.scss

@@ -17,66 +17,82 @@
   width: 100%;
   align-items: center;
   justify-content: space-between;
-  position: absolute;
-  top: 5%;
-  left: 0;
-  padding: 0 60px;
+  padding: 20px 30px;
+  background-color: #fff;
+  .search {
+    height: 60px;
+    line-height: 60px;
+    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: 500px;
+    &-icon {
+    width: 26px;
+    height: 24px;
+    margin: 0 16px 0 20px ;
+    }
+    &-input {
+      font-size: 24px;
+      color: #B8B8B8;
+    }
+  }
   .location {
     @extend .flex;
     justify-content: center;
-    padding: 0 12px;
-    background:rgba(0,0,0,0.2);
-    border-radius:12px;
     height: 60px;
     line-height: 60px;
-    
+    width: 154px;
+    text-align: center;
     &-text {
-      font-size: 25px;
-      padding-left: 13px;
-      color: #fff;
+      font-size: 26px;
+      padding: 0 8px;
+      color: $primary-color;
       @include text-ellipsis; 
-      width: 100px;
+      max-width: 120px;
       text-align: center;
     }
-  
     &-icon {
       width: 14px;
       height: 20px;
       animation: bigger 1s ease 3 both;
     }
+    .arrow_down {
+      width: 0;
+      height: 0;
+      border-left: 8px solid transparent;
+      border-right: 8px solid transparent;
+      border-top: 8px solid $primary-color;
+    }
   }
-  
-  .search {
 
-    height: 60px;
-    line-height: 60px;
-    background:rgba(0,0,0,0.2);
-    -webkit-box-pack: start;
-    -webkit-justify-content: flex-start;
-    -ms-flex-pack: start;
-    border-radius: 12px;
-    @extend .flex;
-    justify-content: flex-start;
-    width: 440px;
-  
-    &-icon {
-    width: 26px;
-    height: 26px;
-    margin: 0 16px 0 20px ;
-    }
-    &-input {
-      font-size: 24px;
-      color: #fff;
-    }
+}
+.mune-box{
+  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: -94px auto 0 auto;
+  position: relative;
+  .mune-item{
+    text-align: center;
+    width: 25%;
+    .icon{
+      width:80px;
+      height:80px;
 
+    }
   }
 }
 
 
-
-
-
-
 .section {
   background: white;
   padding: 30px ;
@@ -86,17 +102,20 @@
 
     &__title {
       font-size: 40px;
-      font-weight: bold;
+      font-weight: 600;
       // font-family: PingFangSC;
     }
 
     &__more {
       font-size: 26px;
-      color: $text-color-lighter;
+      color: #A1A1A1;
+      display: flex;
+      align-items: center;
 
       .iconfont {
         font-size: 26px;
-        color: $text-color-lighter;
+        color: #A1A1A1;
+        margin-left: 6px;
       }
     }
   }
@@ -106,10 +125,25 @@
   align-items: center;
   justify-content: space-between;
   margin: 30px;
-  height:80px;
+  height:112px;
   background:#fff;
   box-shadow:0px 2px 10px 0px rgba(0,0,0,0.12);
-  padding: 0 20px;
+  padding:  20px ;
+  .left-text{
+    padding-right: 20px;
+    border-right: 2px solid rgba(0,0,0,0.04);
+    .up{
+      font-size: 28px;
+      color: #F6B61D;
+      font-weight: 600;
+    }
+    .down{
+      font-size: 28px;
+      color: #888;
+      font-weight: 600;
+    }
+  }
+ 
   .notice-icon{
     width: 40px ;
     height: 32px;
@@ -118,12 +152,26 @@
   }
   .notice-swiper{
     height: 80px;
-    width: 500px;
-    line-height: 80px;
+    width: 440px;
+    margin-left: 20px;
+    .date{
+      font-size:22px;
+      color:#888;
+      display: flex;
+      align-items: center;
+      line-height: 44px;
+      .dot{
+        width: 6px;
+        height: 6px;
+        border-radius: 4px;
+        background-color: #F6B61D;
+        margin-right: 12px;
+      }
+    }
     .notice-text{
-      font-size: 28px;
-      color: #888888;
-      width: 450px;
+      font-size: 26px;
+      color: #353535;
+      width: 390px;
       @include text-ellipsis;
     }
   }
@@ -453,10 +501,9 @@
 }
 .last-text{
   font-size: 28px;
-  color: #dcdcdc;
+  color: #999;
   text-align: center;
-  margin-bottom: 60px;
-  margin-top: 40px;
+  margin: 40px 0;
 }
 @keyframes moveY {
   0% {

src/pages/project/newsbanner/index.js

@@ -1,6 +1,7 @@
 import Taro, { Component } from '@tarojs/taro'
 import { View, Swiper, SwiperItem, Image } from '@tarojs/components'
 import { queryNewsList } from '@services/news'
+import dayjs from 'dayjs'
 
 export default class SwiperBanner extends Component {
   static options = {
@@ -16,36 +17,36 @@ export default class SwiperBanner extends Component {
   timer = null;
 
   componentWillReceiveProps(nextProps) {
-    
+
     // if (nextProps.cityId != this.state.lastCity) {
-      const payload = {
-        pageNumber: 1,
-        pageSize: 999,
-        cityId: nextProps.cityId,
-      }
+    const payload = {
+      pageNumber: 1,
+      pageSize: 999,
+      cityId: nextProps.cityId,
+    }
 
-      queryNewsList(payload).then(res => {
-        if (JSON.stringify(this.state.list) !== JSON.stringify(res.records || [])) {
+    queryNewsList(payload).then(res => {
+      if (JSON.stringify(this.state.list) !== JSON.stringify(res.records || [])) {
 
-          this.setState({
-            list: res.records || [],
-            lastCity: nextProps.cityId,
-            current: 0,
-          }, () => {
-            if (this.state.list.length > 1) {
-              this.clearTimer()
-              this.timer = setInterval(() => {
-                let current = this.state.current + 1
-                if (current >= this.state.list.length) {
-                  current = 0
-                }
-    
-                this.setState({ current })
-              }, 3000)
-            }
-          })
-        }
-      })  
+        this.setState({
+          list: res.records || [],
+          lastCity: nextProps.cityId,
+          current: 0,
+        }, () => {
+          if (this.state.list.length > 1) {
+            this.clearTimer()
+            this.timer = setInterval(() => {
+              let current = this.state.current + 1
+              if (current >= this.state.list.length) {
+                current = 0
+              }
+
+              this.setState({ current })
+            }, 3000)
+          }
+        })
+      }
+    })
     // }
   }
 
@@ -66,12 +67,15 @@ export default class SwiperBanner extends Component {
     return (
       <View className="notice-box">
         <View style="display: flex;align-items: center;">
-          <Image className="notice-icon" src={require('@assets/notice.png')}></Image>
+          <View className="left-text">
+            <View className="up"> 地产</View >
+            <View className="down"> 头条</View >
+          </View >
+
+          {/* <Image className="notice-icon" src={require('@assets/notice.png')}></Image> */}
           <Swiper
             className='notice-swiper'
             circular
-            // autoplay
-            // interval="3000"
             vertical="true"
             current={this.state.current}
           >
@@ -80,6 +84,7 @@ export default class SwiperBanner extends Component {
                 return (
                   <SwiperItem key={`news-${inx}`}>
                     <View className="notice-text" onClick={() => this.props.onClick(item)}>
+                    <View className="date"><View className="dot"></View>{dayjs(item.createDate).format('YYYY-MM-DD')}</View>
                       {item.newsName}
                     </View>
                   </SwiperItem>