Merge branch 'main' of http://git.ycjcjy.com/marketing/miniapp into main

src/components/search/index.js

@@ -0,0 +1,52 @@
+import { Component }  from 'react'
+import Taro  from '@tarojs/taro'
+import { View ,Text,Input} from '@tarojs/components'
+
+import './index.scss'
+
+// export default ()=>{
+//   return <View>123</View>
+// }
+
+class Search extends Component {
+  // static options = {
+  //   addGlobalClass: true
+  //   }
+  static defaultProps = {
+    onSearch: () => { }
+  }
+  constructor(props) {
+    super(props);
+    this.state = {
+      keyword: ''
+    }
+  }
+  
+  handleInput=(e)=> {
+    this.setState({ keyword: e.detail.value })
+    this.props.onInput(e.detail.value)
+  }
+  handleSearch() {
+    this.props.onSearch(this.state.keyword)
+  }
+  render() {
+    const { placeholder } = this.props
+    return (
+      <View className='search'>
+        <View className='search-wrap'>
+          <Text className="iconfont icon-sousuo search-btn" onClick={this.handleSearch} ></Text>
+          <Input
+            type="text"
+            confirm-type="search"
+            placeholder={placeholder}
+            class="search-input"
+            maxlength="30"
+            onInput={this.handleInput}
+            onConfirm={this.handleSearch}
+          />
+        </View>
+      </View>
+    )
+  }
+}
+export default Search

src/components/search/index.scss

@@ -0,0 +1,34 @@
+// @import "@/styles/theme.scss";
+.search {
+  width: 92%;
+  padding: 20px 30px;
+  margin: 0 auto;
+  margin-left: 5%;
+
+  &-wrap {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    border-radius: 22px;
+    background: #ffffff;
+    padding-left: 20px;
+    overflow: hidden;
+    width: 650px;
+    height: 44px;
+    margin: 20px auto 0;
+  }
+
+  &-input {
+    width: 100%;
+    height: 60px;
+    line-height: 60px;
+    font-size: 28px;
+    padding-left: 15px;
+    // color:$text-color-light;
+  }
+
+  &-btn {
+    font-size: 36px;
+    // color: $text-color-light;
+  }
+}

src/pages/index/activityDetail/index.jsx

@@ -42,9 +42,8 @@ const activityStatusDict = {
 };
 
 export default withLayout((props) => {
-  
   const { id } = props.router.params;
-  const [detail, setDetail] = useState({});
+  const [detail, setDetail] = useState();
   const [canChoose, setCanChoose] = useState("none");
 
   const [IsPull, setPull] = useState(false);
@@ -154,123 +153,131 @@ export default withLayout((props) => {
     });
   };
 
-  return (
-    <view className="Page activityDetail flex-v">
-      <view className="flex-item">
-        <view>
-          <ScrollView
-            scroll-y
-            refresher-enabled
-            refresher-triggered={IsPull}
-            onrefresherrefresh={PageRefresh}
-            refresher-background="#fff"
-          >
-            <view className="PageContent">
-              <view className="Top">
-                <Image
-                  mode="aspectFill"
-                  src={getImgURL(detail.bannerListImg)}
-                  className="centerLabel"
-                ></Image>
-              </view>
+  return <>
+  {
+ detail && (
+  <view className="Page activityDetail flex-v">
+    <view className="flex-item">
+      <view>
+        <ScrollView
+          scroll-y
+          refresher-enabled
+          refresher-triggered={IsPull}
+          onrefresherrefresh={PageRefresh}
+          refresher-background="#fff"
+        >
+          <view className="PageContent">
+            <view className="Top">
+              <Image
+                mode="aspectFill"
+                src={getImgURL(detail.bannerListImg)}
+                className="centerLabel"
+              ></Image>
+            </view>
 
-              <view className="Info">
-                <view>
-                  <view className="Title flex-h">
-                    <view className="flex-item">
-                      <text>{detail.title}</text>
-                    </view>
-                    <text className="Tips">{detail.enlisted || 0}人已报名</text>
+            <view className="Info">
+              <view>
+                <view className="Title flex-h">
+                  <view className="flex-item">
+                    <text>{detail.title}</text>
                   </view>
-                  <text className="Time">
-                    报名截止时间：
-                    {getDateFormat(
-                      new Date(detail.enlistEnd).valueOf(),
-                      true,
-                      "yyyy/M/d"
-                    )}
+                  <text className="Tips">
+                    {detail.enlisted || 0}人已报名
                   </text>
-                  {/* <text className="Name">“香颂 · 蔚澜半岛”</text> */}
-                  <view className="flex-h Address">
-                    <text>地址：</text>
-                    <view className="flex-item">
-                      <text>{detail.address}</text>
-                    </view>
-                  </view>
-                  <view className="flex-h Date">
-                    <text>时间：</text>
-                    <view className="flex-item">
-                      <text>
-                        {getDateFormat(
-                          new Date(detail.startDate).valueOf(),
-                          true,
-                          "yyyy/M/d"
-                        )}{" "}
-                        -{" "}
-                        {getDateFormat(
-                          new Date(detail.endDate).valueOf(),
-                          true,
-                          "yyyy/M/d"
-                        )}
-                      </text>
-                    </view>
+                </view>
+                <text className="Time">
+                  报名截止时间：
+                  {getDateFormat(
+                    new Date(detail.enlistEnd).valueOf(),
+                    true,
+                    "yyyy/M/d"
+                  )}
+                </text>
+                {/* <text className="Name">“香颂 · 蔚澜半岛”</text> */}
+                <view className="flex-h Address">
+                  <text>地址：</text>
+                  <view className="flex-item">
+                    <text>{detail.address}</text>
                   </view>
-                  <view className="Btn">
-                    <text>分享好友</text>
+                </view>
+                <view className="flex-h Date">
+                  <text>时间：</text>
+                  <view className="flex-item">
+                    <text>
+                      {getDateFormat(
+                        new Date(detail.startDate).valueOf(),
+                        true,
+                        "yyyy/M/d"
+                      )}{" "}
+                      -{" "}
+                      {getDateFormat(
+                        new Date(detail.endDate).valueOf(),
+                        true,
+                        "yyyy/M/d"
+                      )}
+                    </text>
                   </view>
                 </view>
+                <view className="Btn">
+                  <text>分享好友</text>
+                </view>
               </view>
+            </view>
 
-              <view className="ActivityIntro">
-                <view className="Title">
-                  <text>活动介绍</text>
-                </view>
-                <Image
-                  mode="aspectFill"
-                  src={getImgURL(detail.imgUrl)}
-                  className="img"
-                ></Image>
-                <RichText nodes={detail.desc} />
-                {/* <richText nodes={detail.desc} ></richText> */}
+            <view className="ActivityIntro">
+              <view className="Title">
+                <text>活动介绍</text>
               </view>
+              <Image
+                mode="aspectFill"
+                src={getImgURL(detail.imgUrl)}
+                className="img"
+              ></Image>
+              <RichText nodes={detail.desc} />
+              {/* <richText nodes={detail.desc} ></richText> */}
+            </view>
 
-              <view className="Bottom">
+            <view className="Bottom">
+              <view>
                 <view>
-                  <view>
-                    <text className="iconfont icon-shengming"></text>
-                    <text>免责声明</text>
-                  </view>
-                  <view>
-                    <text>
-                      &emsp;&emsp;以上价格仅供参考,具体一房一价的信息以售楼处展示为准。房屋位置交通、医疗、教育、商业等配套信息，来源于第三方不作为要约,仅供参考,双方具体权利义务应以法律规定及买卖合同约定为准。本平台对项目周边文化教育的介绍旨在提供相关信息1
-                      意味着信息发布方对就学安排作出承诺。相关教育资首页信息存在调整的可能,应以政府教育主管部门门及办学颁布的政策规定为准。详情请仔细阅读
-                    </text>
-                    <text className="active">《新联家使用免责条款》</text>
-                  </view>
+                  <text className="iconfont icon-shengming"></text>
+                  <text>免责声明</text>
+                </view>
+                <view>
+                  <text>
+                    &emsp;&emsp;以上价格仅供参考,具体一房一价的信息以售楼处展示为准。房屋位置交通、医疗、教育、商业等配套信息，来源于第三方不作为要约,仅供参考,双方具体权利义务应以法律规定及买卖合同约定为准。本平台对项目周边文化教育的介绍旨在提供相关信息1
+                    意味着信息发布方对就学安排作出承诺。相关教育资首页信息存在调整的可能,应以政府教育主管部门门及办学颁布的政策规定为准。详情请仔细阅读
+                  </text>
+                  <text className="active">《新联家使用免责条款》</text>
                 </view>
               </view>
             </view>
-          </ScrollView>
-        </view>
+          </view>
+        </ScrollView>
       </view>
-      <view className="PageBottom flex-h">
-        <view className="Share">
-          <text className="iconfont icon-fenxiang"></text>
-          <text>分享</text>
-        </view>
-        <view className="Collect" onClick={handleFavo}>
-          <text
-            className="iconfont icon-shoucang"
-            style={detail.isSaved === 1 ? { color: "red" } : undefined}
-          ></text>
-          <text>收藏</text>
-        </view>
-        <view className="flex-item"></view>
-
-        <text className="Post" onClick={handleSignup}>
-          {activityStatusDict[detail.activityStatus]?.text}
-        </text>
+    </view>
+    <view className="PageBottom flex-h">
+      <view className="Share">
+        <text className="iconfont icon-fenxiang"></text>
+        <text>分享</text>
       </view>
+      <view className="Collect" onClick={handleFavo}>
+        <text
+          className="iconfont icon-shoucang"
+          style={detail.isSaved === 1 ? { color: "red" } : undefined}
+        ></text>
+        <text>收藏</text>
+      </view>
+      <view className="flex-item"></view>
+
+      <text className="Post" onClick={handleSignup}>
+        {activityStatusDict[detail.activityStatus]?.text}
+      </text>
     </view>
-  );
+  </view>
+)
+  }
+    </>
+   
+  
 });

src/pages/index/activityList/index.jsx

@@ -1,15 +1,17 @@
 import { useState, useEffect } from 'react'
 import { useDidShow,useRouter } from '@tarojs/taro'
 import { ScrollView } from '@tarojs/components'
+import { useSelector } from 'react-redux'
 import { queryActivityList, getActNewList } from '@/services/activity'
 import './index.scss'
 import ActivityListItem from '../components/ActivityListItem/index'
 
 export default function MyCollectForActivity (props) {
- 
-  const router=useRouter()
-  console.log(router,'MyCollectForActivity')
+ const router=useRouter()
+
    const { type } = router.params;
+  const city = useSelector(state => state.city)
+ 
   const [PageList, setPageList] = useState([])
   const [IsPull, setPull] = useState(false)
   const [PullTimer, setPullTimer] = useState(null)
@@ -27,17 +29,22 @@ export default function MyCollectForActivity (props) {
     }
   }, [IsPull])
 
-
+  
 
  const getList = (params) => {
-  queryActivityList({...params,type}).then((res)=>{
-    console.log(res,'-----------------')
+  queryActivityList({...params,type,cityId: city.curCity.id}).then((res)=>{
     setPageList(res.list)
   })
   }
-  useDidShow(() => {
-    getList({page :0, pageSize : 10})
-  })
+  useEffect(()=>{
+    if(city?.curCity?.id){
+      getList({page :0, pageSize : 10})
+    }
+   
+  },[city])
+  // useDidShow(() => {
+  //   getList({page :0, pageSize : 10})
+  // })
 
  
 

src/pages/index/components/ActivityListItem/index.jsx

@@ -25,7 +25,6 @@ const activityStatusDict={
 }
 export default function ActivityListItem (props) {
   const { data = {} } = props
-  console.log(props,'ActivityListItem')
   return (
     <view className='components ActivityListItem' onClick={() => { Taro.navigateTo({ url: `/pages/index/activityDetail/index?id=${data.dynamicId}` }) }}>
       <view className='Img'>
@@ -39,7 +38,6 @@ export default function ActivityListItem (props) {
           <text className={activityStatusDict[data.activityStatus]?.className}>{activityStatusDict[data.activityStatus]?.text}</text>
         </view>
         <view className='Time'>
-          {console.log(new Date(data.startDate).valueOf(),'new Date(data.startDate )')}
           <text>活动时间：{getDateFormat(new Date(data.startDate).valueOf(),true,'yyyy/M/d')} - {getDateFormat(new Date(data.endDate).valueOf(),true,'yyyy/M/d')}</text>
         </view>
       </view>

src/pages/index/components/Banner/index.jsx

@@ -1,10 +1,56 @@
 
 import { Swiper, SwiperItem, Image } from '@tarojs/components'
+import Taro from '@tarojs/taro'
 import { getImgURL } from '@/utils/image'
 import './index.scss'
 
 export default function Banner (props) {
   const { List = [] } = props
+  
+  const redirectTo = ({ targetId, contentType, buildingId } = {})=> {
+    switch (contentType) {
+      // 项目
+      case 'project':
+        Taro.navigateTo({
+          url: '/pages/index/buildingDetail/index?id=' + buildingId
+        })
+        return;
+
+      // 活动
+      case 'activity':
+        Taro.navigateTo({
+          url: '/pages/index/activityDetail/index?id=' + targetId
+        })
+        return;
+
+      // 资讯
+      case 'news':
+        Taro.navigateTo({
+          url: '/pages/index/newsDetail/index?id=' + targetId
+        })
+        return;
+
+      // live
+      case 'live':
+        Taro.navigateTo({
+          url: '/pages/video/liveDetail/index?id=' + targetId
+        })
+        return;
+
+
+      // 其他
+      case 'others':
+      default:
+        
+        return;
+    }
+  }
+
+  const handleBannerClick = (item) => {
+    if (item.contentType && item.contentType != "nothing") {
+      redirectTo(item)
+    } 
+  }
   return (
     <view className='components Banner'>
       <Swiper autoplay interval={2000} indicator-dots>
@@ -12,7 +58,7 @@ export default function Banner (props) {
           List.map((item, index) => (
             <SwiperItem key={`Banner-${index}`}>
               <view className='swiper-item'>
-                <Image mode='aspectFill' className='centerLabel' src={getImgURL(item.image)} />
+                <Image mode='aspectFill' className='centerLabel' onClick={()=>handleBannerClick(item)} src={getImgURL(item.image)} />
               </view>
             </SwiperItem>
           ))

src/pages/index/components/HotRecommend/index.jsx

@@ -13,7 +13,7 @@ export default function HotRecommend () {
   const [MenuList] = useState([{ name: '热门活动', id: 'dymic' }, { name: '热门团房', id: 'house' }])
   const [CurrentId, setCurrentId] = useState('dymic')
   const [list,setList]=useState([])
-  const [CurrentContentInfo, setCurrentContentInfo] = useState({ title: '#大运河孔雀城时代', desc: '5月30日六一儿童节表演赛案场展开！' })
+  const [CurrentContentInfo, setCurrentContentInfo] = useState({ })
 
   useEffect(() => {
     if(city.curCity.name) {
@@ -23,7 +23,7 @@ export default function HotRecommend () {
 
   const GetRecommendActivity = () => {
     
-      queryActivityList({home:1}).then((res)=>{
+      queryActivityList({home:1,cityId: city.curCity.id}).then((res)=>{
         console.log(res,'-----------------')
         setList(res.list)
       })
@@ -31,7 +31,7 @@ export default function HotRecommend () {
 
   useEffect(() => {
     if(list.length>0) {
-      setCurrentContentInfo(list.filter(x=>x.type==CurrentId)[0])
+      setCurrentContentInfo(list.filter(x=>x.type==CurrentId)[0]||{})
     }
   }, [CurrentId,list])
 
@@ -47,7 +47,9 @@ export default function HotRecommend () {
   }
 
   const toDetail = () => {
-    Taro.navigateTo({url: `/pages/index/activityDetail/index?id=${CurrentContentInfo.dynamicId}`})
+    if(CurrentContentInfo.dynamicId){
+      Taro.navigateTo({url: `/pages/index/activityDetail/index?id=${CurrentContentInfo.dynamicId}`})
+    }
   }
   // url: `/pages/index/activityDetail/index?id=${data.dynamicId}`
   return (
@@ -60,13 +62,12 @@ export default function HotRecommend () {
             ))
           }
         </view>
-        {console.log(CurrentContentInfo,'CurrentContentInfo')}
-        <view className='Content' onClick={toDetail}>
+      <view className='Content' onClick={toDetail}>
           <view className='flex-h'>
-            <text className='flex-item'>{CurrentContentInfo.title}</text>
+            <text className='flex-item'>{CurrentContentInfo.title||'暂无活动'}</text>
             <text onClick={ToMore}>{CurrentId === 'dymic' ? '更多活动' : '更多团房'}</text>
           </view>
-          <text>{CurrentContentInfo.desc}</text>
+          <text>{CurrentContentInfo.halfTitle}</text>
         </view>
       </view>
     </view>

src/pages/index/components/LiveSale/index.jsx

@@ -1,4 +1,5 @@
 import { useState, useEffect } from 'react'
+import Taro from '@tarojs/taro'
 import { ScrollView, Image } from '@tarojs/components'
 import { useSelector } from 'react-redux'
 import { fetch } from '@/utils/request'
@@ -47,7 +48,7 @@ export default function LiveSale () {
             {
               PageList.map((item, index) => (
                 <view className='ListItem' key={`List-${index}`} style={{display: CurrentId === 1 || (CurrentId === 2 && item.kind === 'notice') || (CurrentId === 3 && item.kind === 'live')  || (CurrentId === 4 && item.kind !== 'notice') ? 'inline-block' : 'none'}}>
-                  <Image mode='aspectFill' className='centerLabel' onClick={()=>{}} src={`${getImgURL(item.images)}`} />
+                  <Image mode='aspectFill' className='centerLabel' onClick={()=>{Taro.navigateTo({ url: `/pages/video/liveDetail/index?id=${item.id}` })}} src={`${getImgURL(item.images)}`} />
                 </view>
               ))
             }

src/pages/index/components/Menu/index.jsx

@@ -15,7 +15,7 @@ export default function Menu (props) {
     { name: '团房信息', id: 8, icon: require('../../../../assets/index-icon12.png'), router: '/pages/index/activityList/index?type=house' },
     { name: '特价房', id: 9, icon: require('../../../../assets/index-icon11.png'), router: '/pages/index/specialPriceHouse/index' },
     { name: '康养', id: 10, icon: require('../../../../assets/index-icon7.png'), router: '/pages/index/recovered/index' },
-    { name: '文旅商办', id: 11, icon: require('../../../../assets/index-icon13.png'), router: '/pages/index/culturalAndBusiness/index' },
+    { name: '文旅商办', id: 11, icon: require('../../../../assets/index-icon13.png'), router: `/pages/index/buildingList/index?type=3` },
     { name: '新闻资讯', id: 12, icon: require('../../../../assets/index-icon15.png'), router: '/pages/index/newsList/index' },
     { name: '购房百科', id: 13, icon: require('../../../../assets/index-icon4.png'), router: '/pages/index/encyclopediasOfBuyHouse/index' },
     { name: '房贷计算', id: 14, icon: require('../../../../assets/index-icon3.png'), router: '/pages/index/mortgageCalculation/index' }

src/pages/index/location/index.jsx

@@ -1,45 +1,127 @@
-import React, { useState, useEffect } from 'react'
-import withLayout from '@/layout'
-import './index.scss'
-import { ScrollView } from '@tarojs/components'
-import '../../../assets/css/iconfont.css'
+import React, { useState, useEffect } from "react";
+import Taro from "@tarojs/taro";
+import withLayout from "@/layout";
+import "./index.scss";
+import { ScrollView, View, Text, Block } from "@tarojs/components";
+import "../../../assets/css/iconfont.css";
+import { queryCityList } from "@/services/common";
+import { dispatchCitySelected } from "@/actions/city";
+import { useSelector, useDispatch } from "react-redux";
+import Search from "@/components/search";
 
 export default withLayout((props) => {
+  const city = useSelector((state) => state.city);
+  const dispatch = useDispatch();
+  const [list, setList] = useState({});
+  const [searchList, setSearchList] = useState([]);
+  const [keywords, setKeywords] = useState("");
 
-  // const [PageProps] = useState(props)
-  const [PageList, setPageList] = useState(['', '', '', '', '', '', '', '', '', '', '', '', ''])
-  const [IsPull, setPull] = useState(false)
-  const [PullTimer, setPullTimer] = useState(null)
+  useEffect(() => {
+    initData();
+  }, []);
 
-  const PageRefresh = () => { // 页面下拉刷新回调
-    setPull(true)
-  }
+  // componentWillMount() {
 
-  useEffect(() => { // 下拉刷新触发
-    if (IsPull) {
-      clearTimeout(PullTimer)
-      setPullTimer(setTimeout(() => {
-        setPull(false)
-      }, 2000))
-    }
-  }, [IsPull])
+  //   initData()
+  //   console.log(this.props,"this.props.citylist")
+  // }
 
-  return (
-    <view className='Page Location'>
+  function initData() {
+    queryCityList().then((cityList) => {
+      const t = cityList.reduce((prev, cur) => {
+        if (prev[cur.initial]) {
+          prev[cur.initial].push(cur);
+        } else {
+          prev[cur.initial] = [cur];
+        }
 
-      <ScrollView scroll-y={true} refresher-enabled={true} refresher-triggered={IsPull} onrefresherrefresh={PageRefresh} refresher-background='#fff'>
-        <view className='PageContent'>
+        return prev;
+      }, {});
 
-          定位
+      setList(t);
+    });
+  }
 
-          {/* bottom */}
-          <view className='PageBottom'>
-            <text>已经到底了~</text>
-          </view>
+  function handleSelected(item) {
+    dispatchCitySelected(item)(dispatch).then((res) => {
+      Taro.navigateBack({
+        delta: 1,
+      });
+    });
+  }
 
-        </view>
-      </ScrollView>
+  const handleSearch = (keywords) => {
+    let t = [];
+    Object.keys(list).forEach((key) => {
+      console.log(list[key], "33ss33"); // foo
+      t = t.concat(list[key].filter((item) => item.name.includes(keywords)));
+    });
+    console.log(t, keywords, "3333"); // foo
+    setSearchList(t);
+    setKeywords(keywords);
+  };
 
-    </view>
-  )
-})
+  const { curCity } = city;
+  // const { searchList, list, keywords } = this.state
+  const keys = Object.keys(list);
+  return (
+    <View className="city">
+      <ScrollView
+        style={{
+          height: "100vh",
+        }}
+        scrollY
+      >
+        <View className="search-wrap">
+          <Search
+            placeholder="搜索意向城市"
+            onInput={handleSearch}
+            onSearch={handleSearch}
+          ></Search>
+        </View>
+
+        <View className="cur-city">
+          <Text>
+            <Text className="iconfont icon-dingwei"></Text>当前城市：
+          </Text>
+          <Text>{curCity?.name}</Text>
+        </View>
+
+        <View className="city-list">
+          {keywords && (
+            <View className="search-list" style={{ marginTop: "20rpx" }}>
+              {searchList.length > 0 ? (
+                searchList.map((item) => (
+                  <View
+                    key={item.id}
+                    className="list-item"
+                    onClick={() => handleSelected(item)}
+                  >
+                    {item.name}
+                  </View>
+                ))
+              ) : (
+                <View className="empty">暂无结果</View>
+              )}
+            </View>
+          )}
+          {!keywords &&
+            keys.map((key) => (
+              <Block key={key}>
+                <View className="city-initial">{key}</View>
+                {list[key].map((item) => (
+                  <View
+                    key={item.id}
+                    className="city-item"
+                    onClick={() => handleSelected(item)}
+                  >
+                    {item.shortname}
+                  </View>
+                ))}
+              </Block>
+            ))}
+        </View>
+      </ScrollView>
+    </View>
+  );
+});

src/pages/index/location/index.scss

@@ -1,12 +1,54 @@
-.Page.Location {
-  background: #fff;
-  > scroll-view {
-    width: 100%;
-    height: 100%;
-    .PageContent {
-      position: relative;
-      overflow: hidden;
-      min-height: 100vh;
-    }
+// @import "@/styles/theme.scss";
+
+.city {
+  background: #f8f8f8;
+  height: 100vh;
+  &-initial {
+    padding: 30px 50px;
+    font-size: 24px;
+    font-family: DengXian;
+    font-weight: 400;
+    color: #333333
   }
+
+  &-item {
+    padding: 30px 50px;
+    background: white;
+  }
+}
+
+.search-wrap {
+  position: relative;
+  background: white;
+  padding-bottom: 10px;
+}
+.search-list {
+  position: absolute;
+  top: 114px;
+  width: 100%;
+  background: white;
+  min-height: 100vh;
+
+  .list-item {
+    padding: 20px 50px;
+    border-bottom: solid 1px #F8F8F8;
+    color: #333333
+  }
+  .empty {
+    display: flex;
+    height: 100px;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    // color: $text-color-lighter;
+  }
+}
+
+.cur-city {
+  padding: 20px 30px;
+  // color: $text-color-lighter;
+  font-size: 20px;
+  font-family: DengXian;
+  font-weight: 400;
+  color: #193c83;
 }

src/pages/video/liveDetail/index.config.js

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: '直播活动'
+}

src/pages/video/liveDetail/index.jsx

@@ -0,0 +1,49 @@
+import { useState, useEffect } from "react";
+import Taro, { useDidShow, useReady } from "@tarojs/taro";
+import withLayout from "@/layout";
+import {
+  Text,
+  View,
+  Picker,
+  Input,
+  ScrollView,
+  Image,
+  RichText,
+} from "@tarojs/components";
+import "@/assets/css/iconfont.css";
+import "./index.scss";
+import {
+  // addActivityShareNum,
+  signupActivity,
+  favorActivity,
+  cancelFavorActivity,
+  queryActivityDetail,
+} from "@/services/activity";
+import {
+    queryLiveDetail
+  } from "@/services/item";
+
+import { getImgURL } from "@/utils/image";
+
+export default withLayout((props) => {
+  const { id } = props.router.params;
+console.log(id,'queryLiveDetail')
+  const getData = () => {
+    // queryLiveDetail(id)
+  };
+
+  useEffect(() => {
+    if (id) {
+      getData(id);
+    }
+  }, [id]);
+//   
+  return <view className="liveDetail">
+       <Image mode='aspectFill' src={getImgURL('/file/20210708/7b268641-9990-4a62-ba1f-0e02d067d524.jpg')} className='liveImg'></Image>
+       <view className='liveDetail-menu'>
+           <view><text className="iconfont icon-fenxiang"></text><text>查看楼盘</text></view>
+           <view><text className="iconfont icon-camera"></text><text>观看直播</text></view>
+           <view><text className="iconfont icon-fenxiang"></text><text>分享好友</text></view>
+       </view>
+  </view>;
+});

src/pages/video/liveDetail/index.scss

@@ -0,0 +1,31 @@
+.liveDetail {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+
+  .liveImg {
+    width: 100%;
+    height: 100%;
+  }
+  &-menu {
+      margin: auto;
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    position: relative;
+    bottom: 200px;
+    width: 690px;
+    height: 92px;
+    background: rgba(0, 0, 0, 0.7);
+    border: 0px solid #000000;
+    font-size: 26px;
+    font-family: DengXian;
+    font-weight: bold;
+   
+    line-height: 30px;
+    letter-spacing: 6px;
+    text{
+         color: #ffffff;
+    }
+  }
+}

src/routes.js

@@ -176,6 +176,14 @@ const routes = [
     type: 'building',
   },
 
+  //视频
+  {
+    name: '直播活动',
+    page: 'pages/video/liveDetail/index',
+    pkg: 'main',
+    type: 'video',
+  },
+
   // 我的
   {
     name: '基本信息',