revert

src/components/foodCards/ShareCard/index.jsx

@@ -0,0 +1,112 @@
+import { useState, useEffect, useRef } from 'react'
+
+import Taro from '@tarojs/taro'
+import { deleteTravel, deleteTravelItem } from '@/services/travel'
+
+import { View, Text, Image, ScrollView } from '@tarojs/components'
+import CouponCard from '@/components/CouponCard'
+import { compressImage } from '@/utils'
+import SaveIcon from '@/components/SaveIcon'
+import Location from '@/components/Location'
+
+import grassOFF from '@/assets/icons/housemantj/grassOFF.png'
+import DeleteTravel from '@/assets/icons/Travel/delete.png'
+
+import grassNO from '@/assets/icons/housemantj/grassNO.png'
+import Popup from '@/components/Popup'
+
+import './style.less'
+
+
+const CouponMedia = CouponCard.Media
+const Action = CouponCard.Action
+
+//套餐卡片
+export default (props) => {
+  const { item, st, editable, setScroll, goshop, det, onDay, onDelete } = props
+  // const travelId = travelMineContent?.records[0]?.travelId
+  const { targetId, itemId } = props.item
+  const goDetail = () => {
+    Taro.navigateTo({ url: `/pages/details/mjDetails/sceneryDetails?id=${targetId}` })
+
+  }
+  const goFood = () => {
+    Taro.navigateTo({ url: `/pages/details/foodDetails/foodDetails?id=${targetId}` })
+
+  }
+  const [showCutover, setShowCutover] = useState(false)
+  const [valueList, setValueList] = useState([])
+
+
+
+
+
+
+
+
+
+  // useEffect(() => {
+
+  // }, [item])
+
+  const onClose = () => {
+    //关闭当前套餐详情弹窗
+    setShowCutover(false)
+    //使父组件恢复滚动
+    setScroll(true)
+  }
+
+
+
+
+  const handlePayClick = (e) => {
+
+    onDelete(itemId)
+
+    // Taro.navigateTo({ url: `/pages/PayOrder/index?packageId=${item.packageId}&scene=${scene || ''}&subOrderId=${subOrderId}&id=${id}` })
+
+  }
+  const PayAction = <Action.Icon icon={DeleteTravel} text='删除' onClick={handlePayClick} />
+
+
+
+
+  return (
+    <View style={{ margin: '15px 5px' }} >
+      <View className='packageDetail' style={{ display: goshop ? '' : 'none' }}>
+        <Popup show={showCutover} maskClosable={showCutover} onClose={onClose}>
+          <ScrollView
+            scrollY
+            style={{ maxHeight: '60vh' }}
+          >
+            <Image mode='widthFix' src={item.details ? item.details : item.poster} />
+          </ScrollView>
+        </Popup >
+      </View>
+      <CouponCard action={PayAction}>
+        <CouponMedia onClick={item.targetType === 'tourist' ? goDetail : goFood}>
+          <CouponMedia.Header
+            cashback={item.cashback}
+            image={compressImage(item.poster)}
+          // badge='food'
+          />
+          <CouponMedia.Body star={st}>
+            <View className='foodCard'>
+              <View className='cpn-card-text'>
+                {(item.title).toString().length > 25 ? (item.title).substring(0, 25) + '...' : (item.title)}
+              </View>
+              <View className='cpn-card-text' style={{ marginTop: '10rpx' }}>
+                <Text className='cpn-card-text_mn'>￥{`${(item.averagePrice == '' ? '0.00' : item.averagePrice / 100)?.toFixed(2)}元`}</Text>
+                {/* <Text className='cpn-card-text_rm'>{`门市价${(item.standardPrice / 100)?.toFixed(2)}元`}</Text> */}
+              </View>
+              <View className='cpn-md-act'>
+                <Location {...det} />
+                <SaveIcon saved={item.isSaved > 0} targetType='shop_package' editable={editable} targetId={item.packageId} />
+              </View>
+            </View>
+          </CouponMedia.Body>
+        </CouponMedia>
+      </CouponCard>
+    </View>
+  )
+}

src/components/foodCards/ShareCard/style.less

@@ -0,0 +1,52 @@
+.view-picker {
+  position: relative;
+  top: 30%;
+}
+
+.foodCard {
+  .cpn-card-text {
+    font-size: 24px;
+    font-weight: 400;
+    color: #333333;
+    line-height: 40px;
+    vertical-align: baseline;
+
+    & > text {
+      display: inline-block;
+
+      & + text {
+        margin-left: 8px;
+      }
+    }
+    &_mn {
+      font-size: 24px;
+      font-weight: bold;
+      color: #333333;
+    }
+
+    &_rm {
+      font-size: 18px;
+      font-weight: 400;
+      text-decoration: line-through;
+      color: #666666;
+    }
+  }
+
+  .cpn-md-act {
+    display: flex;
+    margin-top: 10px;
+
+    & > view {
+      flex: 1;
+    }
+  }
+}
+.packageDetail {
+  Image {
+    width: 100%;
+  }
+  .weui-dialog__bd {
+    padding: 0;
+    margin: 0;
+  }
+}

src/pages/RandomItinerary/ResultOver/index.config.js

@@ -0,0 +1,7 @@
+export default {
+  navigationBarTitleText: '',
+  navigationStyle: 'custom',
+  disableScroll: true,
+  enableShareAppMessage: true
+
+}

src/pages/RandomItinerary/ResultOver/index.jsx

@@ -0,0 +1,87 @@
+import Taro, { useShareAppMessage } from "@tarojs/taro"
+import { Text, View, Button } from "@tarojs/components"
+import { useEffect, useState } from "react"
+
+import CustomNav from '@/components/CustomNav'
+import withLayout from '@/layouts'
+import { getTravelDestiny, share } from "@/services/travel"
+import ShareCard from "@/components/foodCards/ShareCard"
+import './style.less'
+
+
+export default withLayout((props) => {
+  const { ico, textNext } = props
+  const [traveContent, setTraveContent] = useState()
+  const [shareList, setShareList] = useState([])
+  const ShowOver = 'https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/RandomIIcon/ShowOver.png'
+
+
+  useEffect(() => {
+
+    getTravelDestiny().then(e => {
+      setTraveContent(e)
+      setShareList(e?.travelItemList || [])
+    })
+
+
+  }, [])
+
+  useShareAppMessage((e) => {
+
+    return {
+      promise: share({ shareUrl: '/pages/index/index', targetId: traveContent.serialNo, targetType: 'travel' }).then(res => {
+        return {
+          title: '',
+          path: `/pages/index/index?shareId=${res.shareId}`,
+        }
+      })
+
+    }
+  })
+
+
+  return (
+    <view className='page-index'>
+      <view className='index-navbar'>
+        <CustomNav title='命定行程' />
+      </view>
+      <scroll-view scrollY style='height: calc(100% - 75px);margin-bottom: 40px;' >
+
+        <View className='Over-box'>
+
+          <View className='Over-index-box' >
+            <image className='OI-image' src={ShowOver} />
+            <View className='OI-text-box'>
+              <Text className='OI-text'>
+                整体运势或有起伏的情况，需要做好各方面的平衡避免有故此彼伏的情况。 你要学会自己衡量得失利弊，但时间不够用的时候就要面临个人的
+              </Text>
+              <Text className='OI-text'>
+                未必就是走的人多的路就是对，你可以保持自己的想法。
+              </Text>
+              <Text className='OI-text'>
+                南京对于你而言是梦想中的地方，你的命定行程适合阳光、梦幻的地方。结合你的回答你的命定行程如下：
+              </Text>
+              <View className='bottom-text'>》</View>
+            </View>
+          </View>
+          {
+            traveContent?.isHidden === false && shareList.map((item) => <ShareCard def={item} item={item} key={item.itemId} />
+
+
+            )
+          }
+          {
+            traveContent?.isHidden === false &&
+            <Button openType='share' className='purebtn'><View className='shareImg'>分享并邀请好友点开查看完整命定行程</View></Button>
+            // <View className='content' >分享并邀请好友点开查看完整命定行程</View>
+
+          }
+        </View>
+
+      </scroll-view>
+
+    </view >
+
+
+  )
+})

src/pages/RandomItinerary/ResultOver/style.less

@@ -0,0 +1,52 @@
+.Over-box {
+  .Over-index-box {
+    width: 690px;
+    background: #ffffff;
+    border: 2px solid #dce6e3;
+    border-radius: 10px;
+    margin: 15px auto;
+    .OI-image {
+      width: 630px;
+      height: 223px;
+      margin: 10px 30px;
+    }
+    .OI-text-box {
+      width: 100%;
+      padding: 10px 25px;
+
+      .OI-text {
+        text-indent: 2em;
+        display: block;
+        width: 94%;
+        font-size: 28px;
+        font-weight: 400;
+        color: #202020;
+        line-height: 80px;
+      }
+      .bottom-text {
+        transform: rotate(90deg);
+        width: 200px;
+        text-align: center;
+        margin: 0 auto;
+
+        position: relative;
+        right: 5vw;
+      }
+    }
+  }
+  .shareImg {
+    width: 95%;
+    height: 115px;
+    background: url("../../../assets/icons/GuideCheck/shareImage.png") no-repeat;
+    background-size: 100%;
+    margin: 0 auto;
+    margin-bottom: 2em;
+    font-size: 29px;
+    font-weight: 400;
+    color: #1a3b83;
+    line-height: 120px;
+    text-align: center;
+  }
+  .content {
+  }
+}

src/pages/RandomItinerary/components/ConstellationCard/index.jsx

@@ -0,0 +1,238 @@
+import Taro from "@tarojs/taro"
+import { Icon, View } from "@tarojs/components"
+import { useEffect, useState } from "react"
+import CustomNav from '@/components/CustomNav'
+import withLayout from '@/layouts'
+
+
+import './style.less'
+
+
+
+
+
+export default (props) => {
+  const { ico, textNext, onSelected } = props
+  const [netxIma, setNetxIma] = useState(false)
+
+  const Ari = 'https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/ConstelPhoto/Ari.png'
+  const Tau = 'https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/ConstelPhoto/Tau.png'
+  const Gem = 'https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/ConstelPhoto/Gem.png'
+  const Cnc = 'https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/ConstelPhoto/Cnc.png'
+  const Leo = 'https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/ConstelPhoto/Leo.png'
+  const Vir = 'https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/ConstelPhoto/Vir.png'
+
+  const Lib = 'https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/ConstelPhoto/Lib.png'
+  const Sco = 'https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/ConstelPhoto/Sco.png'
+  const Sgr = 'https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/ConstelPhoto/Sgr.png'
+  const Cap = 'https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/ConstelPhoto/Cap.png'
+  const Agr = 'https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/ConstelPhoto/Agr.png'
+  const Psc = 'https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/ConstelPhoto/Psc.png'
+
+  const [filterImage, setFilterImage] = useState(
+    [
+      {
+        title: '白羊座',
+        moon: '03.21-04.19',
+        ico: Ari,
+        active: false
+      },
+      {
+        title: '金牛座',
+        moon: '04.20-05.20',
+        ico: Tau,
+        active: false
+
+      },
+      {
+        title: '双子座',
+        moon: '05.21-06.21',
+        ico: Gem,
+        active: false
+
+      },
+      {
+        title: '巨蟹座',
+        moon: '06.22-07.22',
+        ico: Cnc,
+        active: false
+
+      },
+      {
+        title: '狮子座',
+        moon: '07.23-08.22',
+        ico: Leo,
+        active: false
+
+      },
+      {
+        title: '处女座',
+        moon: '08.23-09.22',
+        ico: Vir,
+        active: false
+
+      },
+    ]
+  )
+  const [twoImage, setTwoImage] = useState(
+    [
+      {
+        title: '天秤座',
+        moon: '09.23-10.23',
+        ico: Lib,
+        active: false
+
+      },
+      {
+        title: '天蝎座',
+        moon: '10.24-11.22',
+        ico: Sco,
+        active: false
+
+      },
+      {
+        title: '射手座',
+        moon: '11.23-12.21',
+        ico: Sgr,
+        active: false
+
+      },
+      {
+        title: '摩羯座',
+        moon: '12.22-01.19',
+        ico: Cap,
+        active: false
+
+      },
+      {
+        title: '水瓶座',
+        moon: '01.20-02.18',
+        ico: Agr,
+        active: false
+
+      },
+      {
+        title: '双鱼座',
+        moon: '02.19-03.20',
+        ico: Psc,
+        active: false
+
+      },
+    ]
+  )
+
+
+
+  const handleTextNext = () => {
+    setNetxIma(!netxIma)
+  }
+
+  //第一组
+  const handleFilter = (e) => {
+    onSelected()
+    const res = filterImage.map((item, inx) => {
+      if (item.title == e.title) {
+
+        item.active = true
+
+      } else {
+
+        item.active = false
+      }
+      return item
+
+    })
+    setFilterImage(res)
+
+
+
+  }
+
+  //第二组
+  const handleTwoFilter = (e) => {
+    onSelected()
+
+    const res = twoImage.map((item, inx) => {
+
+      if (item.title == e.title) {
+
+        item.active = true
+
+      } else {
+
+        item.active = false
+      }
+      return item
+
+    })
+    setTwoImage(res)
+
+
+  }
+
+
+
+
+
+
+
+
+
+
+
+
+  return (
+    <View >
+      <View style='font-size: 20px;font-weight: bold;color: #140F0F;marginLeft:10px;;'>
+        1<text style='font-size: 13px;font-weight: bold;color: #140F0F;'> / 5 </text>你是什么星座的？
+      </View>
+      {
+        netxIma === false ? filterImage.map((item, index) =>
+          <view className='Random-Conste-box' key={index} onClick={() => handleFilter(item)} >
+            <View className='RC-box-imageContent'>
+              <image className={`RC-box-image ${item.active && 'imageLess'}`} src={item.ico} />
+            </View>
+            <view className='RC-box-content' >
+              <View className='RC-box-C-title' >
+                {item.title}
+              </View>
+              <View className='RC-box-C-moon' >
+                {item.moon}
+              </View>
+            </view>
+
+          </view>
+
+        )
+          :
+          twoImage.map((item, index) =>
+            <view className='Random-Conste-box' key={index} onClick={() => handleTwoFilter(item)} >
+              <View className='RC-box-imageContent'>
+                <image className={`RC-box-image ${item.active && 'imageLess'}`} src={item.ico} />
+
+              </View>
+              <view className='RC-box-content' >
+                <View className='RC-box-C-title' >
+                  {item.title}
+                </View>
+                <View className='RC-box-C-moon' >
+                  {item.moon}
+                </View>
+              </view>
+
+            </view>
+
+          )
+
+      }
+
+      <view className='bottom-text' onClick={handleTextNext}>
+        <image className='btn-image' src={ico} />
+        <text className='btn-text' >{textNext}</text>
+      </view>
+
+    </View>
+
+
+  )
+}

src/pages/RandomItinerary/components/ConstellationCard/style.less

@@ -0,0 +1,69 @@
+.Random-Conste-box {
+  margin: 80px 20px;
+  width: 335px;
+  height: 180px;
+  background: #fbfbfb;
+  -webkit-box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.04),
+    0 4px 36px 0 rgba(0, 0, 0, 0.08);
+  box-shadow: 0 14px 28px 0 rgba(0, 0, 0, 0.04),
+    0 8px 72px 0 rgba(0, 0, 0, 0.08);
+  border-radius: 38px;
+
+  display: inline-flex;
+  .RC-box-imageContent {
+    width: 50%;
+    height: 100%;
+    position: relative;
+    bottom: 8vw;
+    .RC-box-image {
+      width: 160px;
+      height: 190px;
+      filter: grayscale(100%);
+    }
+    .imageLess {
+      filter: grayscale(0%);
+    }
+  }
+
+  .RC-box-content {
+    width: 50%;
+    height: 100%;
+    display: inline-block;
+
+    text-align: center;
+    .RC-box-C-title {
+      font-size: 34px;
+      font-weight: bold;
+      color: #140f0f;
+
+      margin-top: 25%;
+      margin-bottom: 10px;
+    }
+
+    .RC-box-C-moon {
+      font-size: 22px;
+      font-weight: 500;
+      color: #140f0f;
+    }
+  }
+}
+
+.bottom-text {
+  margin-left: 40%;
+  margin-top: -2em;
+  width: 100%;
+  padding: 1.5em 0 1.5em 0;
+  display: flex;
+  align-items: center;
+  .btn-image {
+    width: 32px;
+    height: 32px;
+  }
+  .btn-text {
+    width: 110px;
+    font-size: 30px;
+    font-weight: bold;
+    color: #202020;
+    margin-left: 10px;
+  }
+}

src/pages/RandomItinerary/components/FiveSenses/index.jsx

@@ -0,0 +1,106 @@
+import Taro from "@tarojs/taro"
+import { Icon, View } from "@tarojs/components"
+import { useEffect, useState } from "react"
+import CustomNav from '@/components/CustomNav'
+import withLayout from '@/layouts'
+
+import './style.less'
+
+const ear = 'https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/RandomIIcon/ear.png'
+const Eye = 'https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/RandomIIcon/Eye.png'
+const Eyebrow = 'https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/RandomIIcon/Eyebrow.png'
+const nose = 'https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/RandomIIcon/nose.png'
+const mouth = 'https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/RandomIIcon/mouth.png'
+
+export default (props) => {
+  const [netxIma, setNetxIma] = useState(false)
+  const [oneImage, setOneImage] = useState([
+    {
+      title: '眉毛',
+      ico: Eyebrow,
+      active: false
+    },
+    {
+      title: '眼睛',
+      ico: Eye,
+      active: false
+    },
+    {
+      title: '嘴巴',
+      ico: mouth,
+      active: false
+    },
+    {
+      title: '鼻子',
+      ico: nose,
+      active: false
+    },
+    {
+      title: '耳朵',
+      ico: ear,
+      active: false
+    },
+
+  ])
+
+  const handleTextNext = (e) => {
+
+    const res = oneImage.map((item, inx) => {
+
+      if (item.title == e.title) {
+
+        item.active = true
+
+      } else {
+
+        item.active = false
+      }
+      return item
+
+    })
+    setOneImage(res)
+
+
+  }
+
+
+
+
+
+
+
+  return (
+    <View >
+      <View style='font-size: 20px;font-weight: bold;color: #140F0F;marginLeft:10px;;marginLeft:10px;'>
+        4<text style='font-size: 13px;font-weight: bold;color: #140F0F;'> / 5 </text>现在开始想你的一个五官，你想到的是？
+      </View>
+      {
+        oneImage.map((item, index) =>
+          <view className='Five-Conste-box' key={index} onClick={() => handleTextNext(item)}>
+            <View className='Five-box-imageContent'>
+              <image className={`Five-box-image ${item.active && 'Five-imageLess'}`} src={item.ico} />
+
+            </View>
+            <view className='Five-box-content' >
+              <View className='Five-box-C-title' >
+                {item.title}
+              </View>
+              <View className='Five-box-C-moon' >
+              </View>
+            </view>
+
+          </view>
+
+        )
+
+
+
+
+      }
+
+
+    </View>
+
+
+  )
+}

src/pages/RandomItinerary/components/FiveSenses/style.less

@@ -0,0 +1,49 @@
+.Five-Conste-box {
+  margin: 20px 20px;
+  width: 335px;
+  height: 180px;
+  background: #fbfbfb;
+  -webkit-box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.04),
+    0 4px 36px 0 rgba(0, 0, 0, 0.08);
+  box-shadow: 0 14px 28px 0 rgba(0, 0, 0, 0.04),
+    0 8px 72px 0 rgba(0, 0, 0, 0.08);
+  border-radius: 38px;
+
+  display: inline-flex;
+  .Five-box-imageContent {
+    width: 50%;
+    height: 100%;
+    position: relative;
+    .Five-box-image {
+      width: 160px;
+      height: 190px;
+      padding-left: 10px;
+
+      filter: grayscale(100%);
+    }
+    .Five-imageLess {
+      filter: grayscale(0%);
+    }
+  }
+
+  .Five-box-content {
+    width: 50%;
+    height: 100%;
+    display: inline-block;
+
+    text-align: center;
+    .Five-box-C-title {
+      font-size: 34px;
+      font-weight: bold;
+      color: #140f0f;
+
+      margin-top: 35%;
+    }
+
+    .Five-box-C-moon {
+      font-size: 22px;
+      font-weight: 500;
+      color: #140f0f;
+    }
+  }
+}

src/pages/RandomItinerary/components/GirlFriend/index.jsx

@@ -0,0 +1,79 @@
+import Taro from "@tarojs/taro"
+import { Icon, View } from "@tarojs/components"
+import { useEffect, useState } from "react"
+import CustomNav from '@/components/CustomNav'
+import withLayout from '@/layouts'
+
+
+import './style.less'
+
+
+export default (props) => {
+  const { ico, textNext } = props
+  const YES = 'https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/RandomIIcon/YES.png'
+  const No = 'https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/RandomIIcon/No.png'
+
+  const [imageOne, setImageOne] = useState(false)
+  const [imageTow, setImageTow] = useState(false)
+
+  const handleYES = () => {
+    setImageOne(true)
+    setImageTow(false)
+  }
+
+
+  const handleNo = () => {
+    setImageOne(false)
+    setImageTow(true)
+  }
+
+
+
+
+
+  return (
+    <View >
+      <View style='font-size: 20px;font-weight: bold;color: #140F0F;marginLeft:10px;;'>
+        2<text style='font-size: 13px;font-weight: bold;color: #140F0F;'> / 5 </text>你是单身吗？
+      </View>
+
+
+      <view className='Girl-Conste-box' onClick={handleYES}  >
+        <View className='Girl-box-imageContent'>
+          <image className={`Girl-box-image  imageTwo ${imageOne && 'Girl-imageLess'} `} src={YES} />
+
+        </View>
+        <view className='Girl-box-content' >
+          <View className='Girl-box-C-title' >
+            YES
+          </View>
+          <View className='Girl-box-C-moon' >
+            是
+          </View>
+        </view>
+
+      </view>
+
+      <view className='Girl-Conste-box' onClick={handleNo} >
+        <View className='Girl-box-imageContent'>
+          <image className={`Girl-box-image ${imageTow && 'Girl-imageLess'} `} src={No} />
+        </View>
+        <view className='Girl-box-content' >
+          <View className='Girl-box-C-title' >
+            No
+          </View>
+          <View className='Girl-box-C-moon' >
+            否
+          </View>
+        </view>
+
+      </view>
+
+
+
+
+    </View>
+
+
+  )
+}

src/pages/RandomItinerary/components/GirlFriend/style.less

@@ -0,0 +1,63 @@
+.Girl-Conste-box {
+  width: 630px;
+  height: 315px;
+  background: #fbfbfb;
+  -webkit-box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.04),
+    0 4px 36px 0 rgba(0, 0, 0, 0.08);
+  box-shadow: 0 14px 28px 0 rgba(0, 0, 0, 0.04),
+    0 8px 72px 0 rgba(0, 0, 0, 0.08);
+  border-radius: 38px;
+  margin: 0 auto;
+  margin-top: 3em;
+  display: flex;
+  .Girl-box-imageContent {
+    width: 50%;
+    height: 100%;
+    position: relative;
+    bottom: 8vw;
+    .Girl-box-image {
+      width: 200px;
+      height: 360px;
+      position: relative;
+      bottom: -22px;
+      left: 90px;
+      filter: grayscale(100%);
+    }
+    .imageTwo {
+      height: 420px;
+      width: 240px;
+      position: relative;
+      left: 0em;
+      bottom: 45px;
+      filter: grayscale(100%);
+    }
+
+    .Girl-imageLess {
+      filter: grayscale(0%);
+    }
+  }
+
+  .Girl-box-content {
+    width: 50%;
+    height: 100%;
+    display: inline-block;
+    text-align: center;
+    /* margin: 1em; */
+    margin-top: 1.5em;
+    .Girl-box-C-title {
+      font-size: 66px;
+      font-weight: bold;
+      color: #140f0f;
+      margin: 15px;
+    }
+
+    .Girl-box-C-moon {
+      font-weight: bold;
+      color: #140f0f;
+    }
+  }
+}
+
+.imageTwo {
+  width: 200px;
+}

src/pages/RandomItinerary/components/Hand/index.jsx

@@ -0,0 +1,78 @@
+import Taro from "@tarojs/taro"
+import { Icon, View } from "@tarojs/components"
+import { useEffect, useState } from "react"
+import CustomNav from '@/components/CustomNav'
+import withLayout from '@/layouts'
+
+
+
+import './style.less'
+
+
+export default (props) => {
+  const { ico, textNext } = props
+  const LeftHand = 'https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/RandomIIcon/LeftHand.png'
+  const RightHand = 'https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/RandomIIcon/RightHand.png'
+
+  const [imageOne, setImageOne] = useState(false)
+  const [imageTow, setImageTow] = useState(false)
+
+  const handleLeftHand = () => {
+    setImageOne(true)
+    setImageTow(false)
+  }
+
+
+  const handleRightHand = () => {
+    setImageOne(false)
+    setImageTow(true)
+  }
+
+
+
+  return (
+    <View >
+      <View style='font-size: 20px;font-weight: bold;color: #140F0F;marginLeft:10px;;'>
+        3<text style='font-size: 13px;font-weight: bold;color: #140F0F;'> / 5 </text>双手交叉相握，你是拇指在上还是右手拇指在上？
+      </View>
+
+
+      <view className='Hand-Conste-box' onClick={handleLeftHand} >
+        <View className='Hand-box-imageContent'>
+          <image className={`Hand-box-image  ${imageOne && 'Hand-imageLess'} `} src={LeftHand} />
+        </View>
+        <view className='Hand-box-content' >
+          <View className='Hand-box-C-title' >
+            Head
+          </View>
+          <View className='Hand-box-C-moon' >
+            左手
+          </View>
+        </view>
+
+      </view>
+
+      <view className='Hand-Conste-box' onClick={handleRightHand} >
+        <View className='Hand-box-imageContent'>
+          <image className={`Hand-box-image  ${imageTow && 'Hand-imageLess'} `} src={RightHand} />
+
+        </View>
+        <view className='Hand-box-content' >
+          <View className='Hand-box-C-title' >
+            Right
+          </View>
+          <View className='Hand-box-C-moon' >
+            右手
+          </View>
+        </view>
+
+      </view>
+
+
+
+
+    </View>
+
+
+  )
+}

src/pages/RandomItinerary/components/Hand/style.less

@@ -0,0 +1,50 @@
+.Hand-Conste-box {
+  width: 630px;
+  height: 315px;
+  background: #fbfbfb;
+  -webkit-box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.04),
+    0 4px 36px 0 rgba(0, 0, 0, 0.08);
+  box-shadow: 0 14px 28px 0 rgba(0, 0, 0, 0.04),
+    0 8px 72px 0 rgba(0, 0, 0, 0.08);
+  border-radius: 38px;
+  margin: 0 auto;
+  margin-top: 3em;
+  display: flex;
+  .Hand-box-imageContent {
+    width: 50%;
+    height: 100%;
+    position: relative;
+    bottom: 8vw;
+    .Hand-box-image {
+      width: 200px;
+      height: 360px;
+      position: relative;
+      bottom: -10px;
+      left: 90px;
+      filter: grayscale(100%);
+    }
+    .Hand-imageLess {
+      filter: grayscale(0%);
+    }
+  }
+
+  .Hand-box-content {
+    width: 50%;
+    height: 100%;
+    display: inline-block;
+    text-align: center;
+    /* margin: 1em; */
+    margin-top: 1.5em;
+    .Hand-box-C-title {
+      font-size: 66px;
+      font-weight: bold;
+      color: #140f0f;
+      margin: 15px;
+    }
+
+    .Hand-box-C-moon {
+      font-weight: bold;
+      color: #140f0f;
+    }
+  }
+}

src/pages/RandomItinerary/components/ResultOver/index.jsx

@@ -0,0 +1,38 @@
+import Taro from "@tarojs/taro"
+import { Text, View } from "@tarojs/components"
+import { useEffect, useState } from "react"
+
+import './style.less'
+
+
+export default (props) => {
+  const { ico, textNext } = props
+  const ShowOver = 'https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/RandomIIcon/ShowOver.png'
+
+
+
+
+  return (
+    <View className='Over-box'>
+
+      <View className='Over-index-box' >
+        <image className='OI-image' src={ShowOver} />
+        <View className='OI-text-box'>
+          <Text className='OI-text'>
+            整体运势或有起伏的情况，需要做好各方面的平衡避免有故此彼伏的情况。 你要学会自己衡量得失利弊，但时间不够用的时候就要面临个人的
+          </Text>
+          <Text className='OI-text'>
+            未必就是走的人多的路就是对，你可以保持自己的想法。
+          </Text>
+          <Text className='OI-text'>
+            南京对于你而言是梦想中的地方，你的命定行程适合阳光、梦幻的地方。结合你的回答你的命定行程如下：
+          </Text>
+          <View className='bottom-text'>》</View>
+        </View>
+
+      </View>
+      <View className='content'>分享并邀请好友点开查看完整命定行程</View>
+    </View>
+
+  )
+}

src/pages/RandomItinerary/components/UFO/index.jsx

@@ -0,0 +1,116 @@
+import Taro from "@tarojs/taro"
+import { Icon, View } from "@tarojs/components"
+import { useEffect, useState } from "react"
+import CustomNav from '@/components/CustomNav'
+import withLayout from '@/layouts'
+
+
+
+
+import './style.less'
+
+
+export default (props) => {
+  const { ico, textNext } = props
+  const [netxIma, setNetxIma] = useState(false)
+
+  const MaJiang = 'https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/RandomIIcon/MaJiang.png'
+  const hello = 'https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/RandomIIcon/hello.png'
+  const WeChat = 'https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/RandomIIcon/WeChat.png'
+  const police = 'https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/RandomIIcon/police.png'
+  const RunAway = 'https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/RandomIIcon/RunAway.png'//
+
+
+  const [ufoImage, setUfoImage] = useState([
+    {
+      title: '打麻将',
+      ico: MaJiang,
+      active: false
+    },
+    {
+      title: '打招呼',
+      ico: hello,
+      active: false
+
+    },
+    {
+      title: '加微信',
+      ico: WeChat,
+      active: false
+
+    },
+    {
+      title: '报警',
+      ico: police,
+      active: false
+
+    },
+    {
+      title: '逃跑',
+      ico: RunAway,
+      active: false
+
+    },
+
+  ]
+
+  )
+
+
+
+  const handleTexUfo = (e) => {
+
+    const res = ufoImage.map((item, inx) => {
+
+      if (item.title == e.title) {
+
+        item.active = true
+
+      } else {
+
+        item.active = false
+      }
+      return item
+
+    })
+    setUfoImage(res)
+
+
+  }
+
+
+  return (
+    <View >
+      <View style='font-size: 20px;font-weight: bold;color: #140F0F;marginLeft:10px;;marginLeft:10px;'>
+        5<text style='font-size: 13px;font-weight: bold;color: #140F0F;'> / 5 </text>当你看到外星人是第一时间会做什么？
+      </View>
+      {
+        ufoImage.map((item, index) =>
+          <view className='UFO-Conste-box' key={index} onClick={() => handleTexUfo(item)}>
+            <View className='UFO-box-imageContent'>
+              <image className={`UFO-box-image ${item.active && 'UFO-imageLess'}`} src={item.ico} />
+
+            </View>
+            <view className='UFO-box-content' >
+              <View className='UFO-box-C-title' >
+                {item.title}
+              </View>
+              <View className='UFO-box-C-moon' >
+              </View>
+            </view>
+
+          </view>
+
+        )
+
+
+
+
+      }
+
+
+    </View>
+
+
+  )
+}

src/pages/RandomItinerary/components/UFO/style.less

@@ -0,0 +1,48 @@
+.UFO-Conste-box {
+  margin: 20px 20px;
+  width: 335px;
+  height: 180px;
+  background: #fbfbfb;
+  -webkit-box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.04),
+    0 4px 36px 0 rgba(0, 0, 0, 0.08);
+  box-shadow: 0 14px 28px 0 rgba(0, 0, 0, 0.04),
+    0 8px 72px 0 rgba(0, 0, 0, 0.08);
+  border-radius: 38px;
+
+  display: inline-flex;
+  .UFO-box-imageContent {
+    width: 50%;
+    height: 100%;
+    position: relative;
+    .UFO-box-image {
+      width: 160px;
+      height: 190px;
+      padding-left: 10px;
+      filter: grayscale(100%);
+    }
+    .UFO-imageLess {
+      filter: grayscale(0%);
+    }
+  }
+
+  .UFO-box-content {
+    width: 50%;
+    height: 100%;
+    display: inline-block;
+
+    text-align: center;
+    .UFO-box-C-title {
+      font-size: 34px;
+      font-weight: bold;
+      color: #140f0f;
+
+      margin-top: 35%;
+    }
+
+    .UFO-box-C-moon {
+      font-size: 22px;
+      font-weight: 500;
+      color: #140f0f;
+    }
+  }
+}

src/pages/RandomItinerary/index.config.js

@@ -0,0 +1,11 @@
+export default {
+  navigationBarTitleText: '命定行程',
+  navigationStyle: 'custom',
+  disableScroll: true,
+
+  usingComponents: {
+
+  }
+
+
+}

src/pages/RandomItinerary/index.jsx

@@ -0,0 +1,104 @@
+import Taro from "@tarojs/taro"
+import { View } from "@tarojs/components"
+import { useEffect, useState } from "react"
+import CustomNav from '@/components/CustomNav'
+import withLayout from '@/layouts'
+import ChangeNext from '@/assets/icons/Travel/ChangeNext.png'
+import { seaveTravelDestiny } from "@/services/travel"
+import ConstellationCard from "./components/ConstellationCard"//星座
+import FiveSenses from "./components/FiveSenses"//五官
+import GirlFriend from "./components/GirlFriend"//有没有女朋友
+import Hand from "./components/Hand"//左右手
+import UFO from "./components/UFO"//不明飞行物
+
+
+import './style.less'
+
+
+
+export default withLayout((props) => {
+  const { router, person } = props
+  const [show, setShow] = useState(1)
+  const [btn, setBtn] = useState(true)
+
+  //是否选择
+  const [i, setI] = useState(false)
+
+  const onSelected = () => {
+    setI(true)
+  }
+
+  const handleGoTo = () => {
+    if (show >= 5) {
+
+      seaveTravelDestiny().then(e => {
+
+        Taro.navigateTo({ url: `/pages/RandomItinerary/ResultOver/index` })
+
+      })
+
+
+    } else {
+      if (i === false) {
+        Taro.showToast({
+          title: '请选择一项噢',
+          icon: 'none',
+          duration: 2000
+        })
+
+      } else {
+        setShow(show + 1)
+
+      }
+
+    }
+
+  }
+
+
+  return (
+    <view className='page-index'>
+      <view className='index-navbar'>
+        <CustomNav title='命定行程' />
+      </view>
+      <scroll-view scrollY style='height: calc(100% - 75px);margin-bottom: 40px;' >
+
+        <View className='index-container'>
+          {
+            show === 1 && <ConstellationCard ico={ChangeNext} textNext='换一批' onSelected={onSelected} />
+          }
+          {
+            show === 2 && <GirlFriend />
+          }
+          {
+            show === 3 && <Hand />
+          }
+          {
+            show === 4 && <FiveSenses />
+          }
+          {
+            show === 5 && <UFO />
+          }
+
+        </View>
+
+
+
+        {
+
+          btn === true && <View className='btn-bottom' onClick={handleGoTo}>
+            <text >
+              {
+                show > 4 ? '查看我的命定行程' : '下一题'
+              }
+            </text>
+          </View>
+        }
+
+
+
+      </scroll-view>
+
+    </view >
+  )
+})

src/pages/RandomItinerary/style.less

@@ -0,0 +1,20 @@
+.page-index {
+  .btn-bottom {
+    width: 690px;
+    height: 92px;
+    border: 2px solid #1a3b83;
+    border-radius: 44px;
+    font-size: 30px;
+    font-weight: bold;
+    color: #1a3b83;
+    margin: 0 auto;
+    display: flex;
+    align-items: center;
+    margin-top: 3em;
+    margin-bottom: 2em;
+    text {
+      text-align: center;
+      width: 100%;
+    }
+  }
+}

src/pages/Travel/Edit/index.jsx

@@ -53,7 +53,6 @@ export default withLayout((props) => {
   const addTextSum = () => {
     setDayNumber(dayNumber + 1)
     if (dayNumber > dayNum) {
-      console.log('asdasdsad');
 
     } else {
       console.log('98888888');

src/pages/Travel/Edit/style.less

@@ -49,6 +49,7 @@
 
       &:nth-child(2) {
         margin-left: 4em;
+        margin-bottom: 2em;
       }
     }
 

src/pages/index/components/Customized/index.jsx

@@ -0,0 +1,63 @@
+
+
+import Taro from '@tarojs/taro'
+import { View } from '@tarojs/components'
+import { getTravelDestiny } from '@/services/travel'
+// import ResultOver from "../../../RandomItinerary/components/ResultOver/index"//结果
+
+import './style.less'
+
+export default (props) => {
+  const { item, onMoldeOn } = props
+
+
+  const goToTravel = () => {
+    Taro.navigateTo({ url: `/pages/Travel/customizedTravel/index` })
+
+  }
+
+  //跳转答题页
+  const goToRandomItinerary = () => {
+
+    getTravelDestiny().then(e => {
+
+      if (!e) {
+        Taro.navigateTo({ url: `/pages/RandomItinerary/index` })
+
+      } else {
+        Taro.navigateTo({ url: `/pages/RandomItinerary/ResultOver/index` })
+
+      }
+
+    })
+
+
+
+
+  }
+
+  return (
+    <view style='width:100%;display:flex;'>
+      <view style='width:45%'>
+        <view onClick={goToTravel} className='CustomizedEntrance'  ></view>
+        <image className='MiniYellow' src='https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/GuideCheck/MiniYellow.png' />
+
+        <image className='BigPink' src='https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/GuideCheck/BigPink.png' />
+
+      </view>
+      <view className='style=width:45%'>
+        <view className='BigYellow'  ></view>
+
+        {/* <view className='MiniPink'  ></view> */}
+        <image className='MiniPink' src='https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/GuideCheck/MiniPink.png' />
+
+
+        <view onClick={goToRandomItinerary} className='LtineraryEntrance'  ></view>
+
+      </view>
+    </view>
+
+
+
+  )
+}

src/pages/index/components/Customized/style.less

@@ -0,0 +1,187 @@
+.CustomizedEntrance {
+  width: 345px;
+  height: 440px;
+  position: relative;
+  left: 0;
+  animation: CustomizedEntrance 2s ease-in infinite;
+  animation-iteration-count: infinite; /*动作循环的次数：infinite 无限循环*/
+  background: url("https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/GuideCheck/CustomizedEntrance.png")
+    no-repeat;
+  background-size: 100% 100%;
+
+  animation-fill-mode: both; /*播放后的状态*/
+}
+
+.MiniYellow {
+  width: 90px;
+
+  height: 100px;
+  position: relative;
+  animation: MiniYellow 1.2s ease-in infinite;
+  animation-iteration-count: infinite; /*动作循环的次数：infinite 无限循环*/
+  // background: url("https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/GuideCheck/MiniYellow.png")
+  //   no-repeat;
+  // background-size: 100% 100%;
+
+  animation-fill-mode: both; /*播放后的状态*/
+  left: 201px;
+  bottom: 40px;
+}
+
+.BigPink {
+  width: 321px;
+  height: 250px;
+  position: relative;
+  left: 54px;
+  animation: BigPink 1.4s ease-in infinite;
+  animation-iteration-count: infinite; /*动作循环的次数：infinite 无限循环*/
+  // background: url("https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/GuideCheck/BigPink.png")
+  //   no-repeat;
+  // background-size: 100% 100%;
+  bottom: 10px;
+  animation-fill-mode: both; /*播放后的状态*/
+}
+
+// 右面部分
+
+.LtineraryEntrance {
+  background: url("https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/GuideCheck/LtineraryEntrance.png")
+    no-repeat;
+
+  width: 345px;
+  height: 440px;
+  position: relative;
+  left: 0;
+  top: -40px;
+  animation: LtineraryEntrance 3.5s ease-in-out infinite;
+  animation-iteration-count: infinite; /*动作循环的次数：infinite 无限循环*/
+
+  background-size: 100% 100%;
+
+  animation-fill-mode: both; /*播放后的状态*/
+}
+.BigYellow {
+  width: 267px;
+  height: 190px;
+  position: relative;
+  left: 20px;
+  z-index: -1;
+  animation: BigYellow 1.4s ease-in infinite;
+  animation-iteration-count: infinite; /*动作循环的次数：infinite 无限循环*/
+  background: url("https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/GuideCheck/BigYellow.png")
+    no-repeat;
+  background-size: 100% 100%;
+  bottom: 10px;
+  animation-fill-mode: both; /*播放后的状态*/
+}
+.MiniPink {
+  width: 135px;
+  height: 184px;
+
+  position: relative;
+  left: 0px;
+  bottom: 20px;
+  animation: MiniPink 1.4s ease-in infinite;
+  animation-iteration-count: infinite; /*动作循环的次数：infinite 无限循环*/
+  // background: url("https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/GuideCheck/MiniPink.png")
+  //   no-repeat;
+  // background-size: 100% 100%;
+  animation-fill-mode: both; /*播放后的状态*/
+}
+
+// @keyframes CustomizedEntrance {
+//   0% {
+//     left: 0px;
+//   }
+//   25% {
+//     left: 15px;
+//   }
+//   50% {
+//     left: 30px;
+//   }
+//   100% {
+//     left: 0px;
+//   }
+// }
+
+@keyframes CustomizedEntrance {
+  0% {
+    transform: translateY(-3px);
+  }
+
+  50% {
+    transform: translateY(-50px);
+  }
+
+  100% {
+    transform: translateY(-3px);
+  }
+}
+
+@keyframes MiniYellow {
+  0% {
+    transform: translateY(-3px);
+  }
+
+  50% {
+    transform: translateY(-50px);
+  }
+
+  100% {
+    transform: translateY(-3px);
+  }
+}
+@keyframes BigPink {
+  0% {
+    transform: translateX(-3px);
+  }
+
+  50% {
+    transform: translateX(-50px);
+  }
+
+  100% {
+    transform: translateX(-3px);
+  }
+}
+
+@keyframes LtineraryEntrance {
+  0% {
+    transform: translatey(-0px);
+  }
+
+  50% {
+    transform: translatey(80px);
+  }
+
+  100% {
+    transform: translatey(0px);
+  }
+}
+@keyframes BigYellow {
+  0% {
+    top: 0px;
+  }
+  25% {
+    top: 6px;
+  }
+  50% {
+    top: 16px;
+  }
+  100% {
+    top: 0px;
+  }
+}
+@keyframes MiniPink {
+  0% {
+    transform: translateY(-3px);
+  }
+
+  50% {
+    transform: translateY(-50px);
+  }
+
+  100% {
+    transform: translateY(-3px);
+  }
+}

src/pages/index/tabs/Guide.jsx

@@ -9,10 +9,10 @@ import copy_logo from '@/assets/icons/GuideCheck/copy_logo.png'
 import Cup from '@/assets/icons/GuideCheck/Cup.png'
 import BlackSpot from '@/assets/icons/GuideCheck/BlackSpot.png'
 import { getRecommendList, getExtendContent } from '@/services/home'
-import sleep from '@/assets/icons/GuideCheck/sleep_logo.png'
 import { getTaRoom, goToRoomForm } from '@/services/taRoom​'
 import useTrackClick from '@/utils/hooks/useTrackClick'
 import { useModel } from "@/store";
+import Customized from '../components/Customized'
 import './GuideCss/style.less'
 
 
@@ -135,14 +135,6 @@ export default (props) => {
   return (
     <scroll-view scrollY style={{ height: '100%' }}  >
       <view className='Guide-Home-box'>
-        {
-          ifroomId === 'havenot' && (
-            <view className='Guide-image-text-box'>
-              <image className='Guide-images' src={sleep} />
-              <view className='Guide-text'>您还没有入住订单哟~</view>
-            </view>
-          )
-        }
         {/* 有民宿的情况下 */}
         {
           ifroomId === 'reality' && (
@@ -216,16 +208,11 @@ export default (props) => {
           )
         }
         <view className='Guide-Content-box'>
-          <view className='title-image'>
-            <image mode='scaleToFill' className='title-image-cup' src={Cup} />
-            <text className='title-title-boss' >老板推荐好吃的</text>
-          </view>
+          <Customized />
         </view>
-        <view style={{ marginTop: '10rpx', paddingBottom: '60rpx' }}>
-          {(spackage || []).map((item, index) => <BossCard det={item} st={parseFloat(item.score.toFixed(1))} key={(index)} trackClick={trackClick} taRoomContent={taRoomContent} item={item} />)}
-        </view>
-        <Image mode='widthFix' style={{ width: '100%' }} src='http://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/hotel_guide_help.png' onClick={goIndex} />
+        <Image mode='widthFix' style={{ width: '100%', position: 'relative', bottom: '-10vw' }} src='http://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/hotel_guide_help.png' onClick={goIndex} />
       </view>
+
     </scroll-view>
   )
 }

src/routes.js

@@ -74,7 +74,15 @@ const mainPages = [
   {
     title: '入住指引跳转表单',
     page: 'pages/RoomOrder/index'
-  }
+  },
+  {
+    title: '命定行程',
+    page: 'pages/RandomItinerary/index',
+  },
+  {
+    title: '命定行程结果页',
+    page: 'pages/RandomItinerary/ResultOver/index',
+  },
 ];
 
 // 商户管理页面shop/pages/spread/spreadIndex

src/services/travel.js

@@ -23,7 +23,6 @@ export const getTravelMine = (params) => request(`/travel/mine`, { params })
 export const getTravelID = (id, params) => request(`/travel/${id}`, { params })
 
 
-
 /**
  * 新建保存行程
  * @param {*} 
@@ -46,7 +45,7 @@ export const getTravelDestiny = (data) => request(`/travel/destiny`, { method: '
  * @returns 
  */
 
-export const addTravelDestiny = (data) => request(`/travel/destiny`, { method: 'post', data })
+export const seaveTravelDestiny = (data) => request(`/travel/destiny`, { method: 'post', data })
 
 
 
@@ -87,3 +86,14 @@ export const saveTravel = (id, data) => request(`/travel/${id}/travel-item`, { m
  * params 
  */
 export const getRecommendList = (params) => request('/resource/recommend', { params })
+
+
+/**
+ * 分享
+ * @returns 
+ * params 
+ */
+export const share = (data) => request('/share', { method: 'post', data })
+
+
+