flx

src/components/add-tipsFood/index.js

@@ -32,7 +32,7 @@ Component({
       let { screenWidth } = wx.getSystemInfoSync()
       this.setData({
         navbarHeight: rect.bottom,
-        arrowR: screenWidth - rect.right + rect.width * 0.5 / 1 - 20,
+        arrowR: screenWidth - rect.right + rect.width * 0.7 / 2 - 1.5,
         bodyR: screenWidth - rect.right
       })
       this.startTimer = setTimeout(() => {

src/pages/details/foodDetails/foodDetails.jsx

@@ -148,13 +148,17 @@ export default withLayout((props) => {
   const [isScroll, setScroll] = useState(true)
   return (
     <view className='page-index'>
+
       {
-        guidance === 'shareOn' && (<add-tipsFood logo={logo} custom duration={-1} />)
+        guidance === 'shareOn' ? <view className='index-navbar'>
+          <add-tipsFood logo={logo} custom duration={-1} />
+          <CustomNav title='十公里' noback />
+        </view> :
+          <view className='index-navbar'>
+            <CustomNav title='十公里' />
+          </view>
       }
-      {/* <add-tipsFood custom duration={-1} /> */}
-      <view className='index-navbar'>
-        <CustomNav title='十公里' />
-      </view>
+
       <SpinBox loading={loading} className='index-container' style={{ padding: '0 30rpx' }}>
         <scroll-view
           scrollY={isScroll}

src/pages/details/mjDetails/sceneryDetails.config.js

@@ -1,6 +1,9 @@
 export default {
   navigationBarTitleText: '美景详情',
   disableScroll: true,
-
   navigationStyle: 'custom',
+  usingComponents: {
+    "add-tipsFood": "../../../components/add-tipsFood/index"
+
+  }
 }

src/pages/details/mjDetails/sceneryDetails.jsx

@@ -14,12 +14,14 @@ import SpinBox from "@/components/Spin/SpinBox";
 import TabIcon from '@/components/HorTabbar/TabIcon'
 import { useState, useEffect } from 'react'
 import { getTouristDetail, getExtendContent, getRecommendList } from '@/services/home'
-import { Swiper, SwiperItem, Button,View } from '@tarojs/components';
+import { Swiper, SwiperItem, Button, View } from '@tarojs/components';
 import useSave from "@/utils/hooks/useSave"
 import useLike from "@/utils/hooks/useLike"
 import Cards from '@/components/foodCards/foodCards.jsx'
 import Taro, { useShareAppMessage } from '@tarojs/taro'
 import Extend from '../components/Extend/extend'
+import logo from "../foodDetails/laba.png";
+
 import './sceneryDetails.less'
 
 export default withLayout((props) => {
@@ -54,6 +56,14 @@ export default withLayout((props) => {
       scale: 12,
     })
   }
+  //引导显隐
+  const [guidance, setGuidance] = useState('shareOff')
+  useEffect(() => {
+    if (router.params.enterType === "share") {
+      setGuidance('shareOn')
+    }
+  }, [router.params.enterType])
+
 
   useEffect(() => {
     if (id) {
@@ -83,32 +93,39 @@ export default withLayout((props) => {
   useShareAppMessage(() => {
     return {
       title: detail.touristName,
-      path: `/pages/details/mjDetails/sceneryDetails?id=${id}`,
+      path: `/pages/details/mjDetails/sceneryDetails?id=${id}&enterType=share`,
       imageUrl: detail.poster,
     }
 
   })
   return (
     <view className='page-index'>
-      <view className='index-navbar'>
-        <CustomNav title='十公里' />
-      </view>
+      {
+        guidance === 'shareOn' ? <view className='index-navbar'>
+          <add-tipsFood logo={logo} custom duration={-1} />
+          <CustomNav title='十公里' noback />
+        </view> :
+          <view className='index-navbar'>
+            <CustomNav title='十公里' />
+          </view>
+      }
+
 
       <SpinBox loading={loading} style={{ overflow: 'hidden', padding: '0 30rpx', height: '100%', background: '#F8F8F8' }}>
         <scroll-view scrollY style={{ height: '100%' }}>
           <view className='storeDetails'>
-          <View className='huadong'>
-            <Swiper
-              className='swiper'
-              circular
-              onChange={handchange}
-            >
-              {
-                imglist.map((item) =>(
-                  <SwiperItem>
-                    <image src={compressImage(item.url)} mode='aspectFit' className='storeImage' />
+            <View className='huadong'>
+              <Swiper
+                className='swiper'
+                circular
+                onChange={handchange}
+              >
+                {
+                  imglist.map((item) => (
+                    <SwiperItem>
+                      <image src={compressImage(item.url)} mode='aspectFit' className='storeImage' />
                     </SwiperItem>
-                ))}
+                  ))}
               </Swiper>
               <view className='tpPage'>
                 <text>