店铺景点提示

src/components/add-tips/index.wxss

@@ -6,7 +6,7 @@
   justify-content: flex-end;
   align-items: flex-end;
   flex-direction: column;
-  width: 600px;
+  /* width: 600px; */
 }
 .arrow {
   width: 0;

src/components/add-tipsFood/index.js

@@ -0,0 +1,72 @@
+
+const STORAGE_KEY = 'PLUG-ADD-MYAPP-KEY'
+Component({
+  properties: {
+    name: {
+      type: String,
+      value: '测试'
+    },
+    duration: {
+      type: Number,
+      value: 10
+    },
+    delay: {
+      type: Number,
+      value: 2
+    },
+    logo: {
+      type: String,
+      value: 'https://cdn.blog.makergyt.com/mini/assets/component-add_tips.png'
+    },
+    custom: {
+      type: Boolean,
+      value: false
+    }
+  },
+  lifetimes: {
+    attached: function () {
+      if (wx.getStorageSync(STORAGE_KEY)) return;
+      //取胶囊位置
+      let rect = wx.getMenuButtonBoundingClientRect ? wx.getMenuButtonBoundingClientRect() : null
+      //取屏幕宽度
+      let { screenWidth } = wx.getSystemInfoSync()
+      this.setData({
+        navbarHeight: rect.bottom,
+        arrowR: screenWidth - rect.right + rect.width * 0.5 / 1 - 20,
+        bodyR: screenWidth - rect.right
+      })
+      this.startTimer = setTimeout(() => {
+        this.setData({
+          SHOW_TOP: true
+        })
+      }, this.data.delay * 1000)
+      this.duraTimer = setTimeout(() => {
+        this.shrink();
+      }, (this.data.duration + this.data.delay) * 1000)
+    },
+    detached: function () {
+      if (this.startTimer) clearTimeout(this.startTimer)
+      if (this.duraTimer) clearTimeout(this.duraTimer)
+    },
+  },
+  data: {
+    SHOW_TOP: false
+  },
+  methods: {
+    hiddenButton: function () {
+      // wx.setStorageSync(STORAGE_KEY, true)
+      this.shrink()
+    },
+    shrink: function () {
+      this.animate('#add-tips', [
+        { scale: [1, 1] },
+        { scale: [0, 0], ease: 'ease', transformOrigin: `calc(600rpx - ${this.data.arrowR}px) 2%` }
+      ], 500, function () {
+        this.setData({
+          SHOW_TOP: false
+        })
+      }.bind(this))
+    }
+  }
+})
+

src/components/add-tipsFood/index.json

@@ -0,0 +1,3 @@
+{
+  "component": true
+}

src/components/add-tipsFood/index.wxml

@@ -0,0 +1,7 @@
+<view class="box" wx:if="{{SHOW_TOP}}" style="top:{{custom?navbarHeight:0}}px;" id="add-tips">
+  <view class='arrow' style="margin-right:{{arrowR}}vw;"></view>
+  <view class='body' bindtap='hiddenButton' style="margin-right:{{bodyR}}px;">
+    <image src="{{logo}}" class="logo"></image>
+    <view class="tips">更多美食优惠点这里</view>
+  </view>
+</view>

src/components/add-tipsFood/index.wxss

@@ -0,0 +1,53 @@
+.box {
+  position: absolute;
+  left: 0;
+  z-index: 999;
+  display: flex;
+  justify-content: flex-end;
+  align-items: flex-end;
+  flex-direction: column;
+  margin-left: 20px;
+}
+.arrow {
+  width: 0;
+  height: 0;
+  border-width: 18px;
+  border-style: solid;
+  border-color: transparent transparent rgba(252, 156, 87, 0.9) transparent;
+}
+.body {
+  background-color: rgba(252, 156, 87, 0.9);
+  border-radius: 15rpx;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  padding: 20rpx 20rpx;
+  width: 318px;
+  height: 20px;
+}
+.tips {
+  flex: 1;
+  color: #fff;
+  font-size: 30px;
+  /* font-weight: 700; */
+}
+.logo {
+  height: 35px;
+  width: 35px;
+  border-radius: 8px;
+  margin-right: 10px;
+}
+
+.button-view {
+  color: #04b040;
+  text-align: center;
+  font-size: 20px;
+  /* line-height: 22px; */
+  display: initial;
+}

src/pages/MineUserAll/AllOrder/index.jsx

@@ -43,12 +43,10 @@ export default withLayout((props) => {
 
 
   const handleTabClick = (index) => {
-    console.log('------tab-----event--------', index)
     setActiveTab(index)
 
   }
 
-  console.log('------setActiveTab--------', activeTab)
 
   return (
     <view className='page-index box-content'>

src/pages/details/foodDetails/foodDetails.config.js

@@ -5,5 +5,7 @@ export default {
   enableShareAppMessage: true,
   usingComponents: {
     "mp-dialog": "weui-miniprogram/dialog/dialog",
+    "add-tipsFood": "../../../components/add-tipsFood/index"
+
   }
 }

src/pages/details/foodDetails/foodDetails.jsx

@@ -28,12 +28,15 @@ import weibaozan from "@/assets/icons/housemantj/unLike.png";
 import useSave from "@/utils/hooks/useSave";
 import useLike from "@/utils/hooks/useLike";
 import Extend from "../components/Extend/extend";
+import logo from "./laba.png";
+
 import "./foodDetails.less";
 
 export default withLayout((props) => {
   const { router, person, location } = props;
   const { id, subOrderId, scene } = props.router.params;
 
+
   useEffect(() => {
     if (id && (scene || subOrderId)) {
       getVerifyTargetList({
@@ -65,6 +68,21 @@ export default withLayout((props) => {
   const [isSaved, toggleSave] = useSave(detail.isSaved, "shop", id);
   const [isLike, toggleLike] = useLike(detail.isLike, "shop", id);
 
+  //引导显隐
+  const [guidance, setGuidance] = useState('shareOff')
+  //引导显隐
+
+  useEffect(() => {
+    if (router.params.scene || router.params.enterType === "share") {
+      setGuidance('shareOn')
+    }
+  }, [router.params.enterType, router.params.scene])
+
+
+
+
+
+
   //本店指南
   const [extend, setExtend] = useState([]);
 
@@ -80,7 +98,6 @@ export default withLayout((props) => {
   const log = useRef("");
   const lat = useRef("");
 
-
   const handlePhone = () => {
     if (!detail.phone) {
       Taro.showToast({
@@ -120,15 +137,21 @@ export default withLayout((props) => {
 
   // 分享
   useShareAppMessage(() => {
+    // setShareAppMessage('shareOff')
     return {
       title: detail.shopName,
-      path: `/pages/details/foodDetails/foodDetails?id=${id}&subOrderId=${subOrderId}`,
+      path: `/pages/details/foodDetails/foodDetails?id=${id}&subOrderId=${subOrderId}&enterType=share`,
       imageUrl: detail.poster,
+
     };
   });
- const [isScroll,setScroll]=useState(true)
+  const [isScroll, setScroll] = useState(true)
   return (
     <view className='page-index'>
+      {
+        guidance === 'shareOn' && (<add-tipsFood logo={logo} custom duration={-1} />)
+      }
+      {/* <add-tipsFood custom duration={-1} /> */}
       <view className='index-navbar'>
         <CustomNav title='十公里' />
       </view>

src/pages/index/index.jsx

@@ -22,6 +22,7 @@ const tips = 'https://yz-shigongli.oss-cn-shanghai.aliyuncs.com/images/sgl-v2-ti
 
 export default withLayout((props) => {
   const { router, person, location } = props
+  console.log("🚀 ~ file: index.jsx ~ line 25 ~ withLayout ~ router", router)
   let { roomId, roomOrderId } = router.params
   const { roomId: rid } = useModel('hotel')