Task：指引功能/状态接口对接

pkg_product/views/famousList.vue

@@ -174,7 +174,7 @@
         :show-avatar="false"
       />
     </view>
-    <FunctionGuide :maxStep="2" :guideData="functionGuideData" ref="FunctionGuide"></FunctionGuide>
+    <FunctionGuide :maxStep="4" @hide="setGuide('countyFamousIndex')" :guideData="functionGuideData" ref="FunctionGuide"></FunctionGuide>
   </view>
 </template>
 
@@ -234,6 +234,7 @@ export default {
       userBindParent({spread: parseInt(this.partnerId)})
     }
     this.init()
+    this.queryGuide('countyFamousIndex')
   },
   methods: {
     showFunctionGuide() {
@@ -288,10 +289,10 @@ export default {
             tipsPosition: '420rpx',
             btnGroupPosition: '',
             position: {
-              top: res.top*2 + 'rpx',
-              left: res.left*2 + 'rpx',
-              width:  `${res.width*2}rpx`,
-              height:  `${res.height*2}rpx`,
+              top: res.top + 'px',
+              left: res.left + 'px',
+              width:  `${res.width}px`,
+              height:  `${res.height}px`,
             }
           })
         })
@@ -299,64 +300,66 @@ export default {
       } else {
         // more-list-wrap
         if(this.functionGuideData.step == 2) {
-        this._step = this.functionGuideData.step
-        
-        this.getElementData('#more-list-wrap0', res=>{
-          const imgs = [
-            {
-              url: this.webUrl + '/引导页素材/千县名品/Group 2/Group 2-1.png',
-              style: {
-                position: 'absolute',
-                zIndex: 99,
-                width: '406rpx',
-                top: 280*2+'rpx',
-                left: 75*2+'rpx',
-                height: '218rpx',
-                /* px: ; */
+          this._step = this.functionGuideData.step
+          
+          this.getElementData('#more-list-wrap0', res=>{
+            const imgs = [
+              {
+                url: this.webUrl + '/引导页素材/千县名品/Group 2/Group 2-1.png',
+                style: {
+                  position: 'absolute',
+                  zIndex: 99,
+                  width: '406rpx',
+                  top: 280*2+'rpx',
+                  left: 75*2+'rpx',
+                  height: '218rpx',
+                  /* px: ; */
+                },
+                isBtn: false
               },
-              isBtn: false
-            },
-            {
-              url: this.webUrl + '/引导页素材/千县名品/Group 2/Group 2-2.png',
-              style: {
-                position: 'absolute',
-                zIndex: 99,
-                width: '117rpx',
-                top: 250*2+'rpx',
-                left: -40*2+'rpx',
-                right: 0,
-                margin: 'auto',
-                height: '46rpx',
+              {
+                url: this.webUrl + '/引导页素材/千县名品/Group 2/Group 2-2.png',
+                style: {
+                  position: 'absolute',
+                  zIndex: 99,
+                  width: '117rpx',
+                  top: 250*2+'rpx',
+                  left: -40*2+'rpx',
+                  right: 0,
+                  margin: 'auto',
+                  height: '46rpx',
+                },
+                isBtn: 'jump'
               },
-              isBtn: 'jump'
-            },
-            {
-              url: this.webUrl + '/引导页素材/千县名品/Group 2/Group 2-3.png',
-              style: {
-                position: 'absolute',
-                zIndex: 99,
-                width: '117rpx',
-                top: 250*2+'rpx',
-                left: 210*2+'rpx',
-                height: '46rpx',
+              {
+                url: this.webUrl + '/引导页素材/千县名品/Group 2/Group 2-3.png',
+                style: {
+                  position: 'absolute',
+                  zIndex: 99,
+                  width: '117rpx',
+                  top: 250*2+'rpx',
+                  left: 210*2+'rpx',
+                  height: '46rpx',
+                },
+                isBtn: 'next'
               },
-              isBtn: 'next'
-            },
-          ]
-          this.setFunctionGuideData({
-            imgs: imgs,
-            tipsPosition: '420rpx',
-            btnGroupPosition: '',
-            position: {
-              top: res.top*2 + 'rpx',
-              left: res.left*2 + 'rpx',
-              width:  `${res.width*2}rpx`,
-              height:  `${res.height*2}rpx`,
-            }
+            ]
+            this.setFunctionGuideData({
+              imgs: imgs,
+              tipsPosition: '420rpx',
+              btnGroupPosition: '',
+              position: {
+                top: res.top + 'px',
+                left: res.left + 'px',
+                width:  `${res.width}px`,
+                height:  `${res.height}px`,
+              }
+            })
           })
-        })
-        return
-      }
+          return
+        } else {
+          this.$refs.FunctionGuide.show = false
+        }
         return
       }
     },