|
@@ -1,7 +1,7 @@
|
|
|
<template>
|
|
|
<view class="guide-wrapper">
|
|
|
<view v-if="currentType == 'level-button-tip'" class="guide-container position-relative"
|
|
|
- @click="buttonMessage('confirm')">
|
|
|
+ @click="buttonMessage('confirm',$event)">
|
|
|
<!-- top: 55px; 相当于 上间隔 -->
|
|
|
<view class="mask-bg-07" :style="{height:guideHeight+'px'}"></view>
|
|
|
<!-- 中心位置 225 -->
|
|
@@ -54,7 +54,7 @@
|
|
|
</view>
|
|
|
<view v-if="currentType == 'device-tip'"
|
|
|
class="guide-container justify-center align-center position-relative mask-bg-07"
|
|
|
- @click="buttonMessage('confirm')">
|
|
|
+ @click="buttonMessage('confirm',$event)">
|
|
|
<view class="mid">
|
|
|
<image class="bind-tip-image" src="../../../static/modal/tip/bind-tip-bg.png"></image>
|
|
|
<text class="text-16px text-center text-white"
|
|
@@ -69,7 +69,7 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view v-if="currentType == 'plan'" class="guide-container position-relative" @click="buttonMessage('confirm')">
|
|
|
+ <view v-if="currentType == 'plan'" class="guide-container position-relative" @click="buttonMessage('confirm',$event)">
|
|
|
|
|
|
<!-- top: 55px; 相当于 上间隔 -->
|
|
|
<view class="mask-bg-07" :style="{height:guideHeight+'px'}"></view>
|
|
@@ -82,13 +82,15 @@
|
|
|
</image>
|
|
|
</view>
|
|
|
<view class="position-absolute-center">
|
|
|
+ <!-- left:40rpx; -->
|
|
|
<text class="text-white text-14px text-lines2"
|
|
|
- style="top: 20rpx;left:40rpx; width: 300rpx;">请先定制属于您的专属计划</text>
|
|
|
+ style="top: 20rpx; left:40rpx; width: 300rpx;">请先定制属于您的专属计划</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view style="width: 750rpx;height: 100px;" class="flex flex-direction-row">
|
|
|
<!-- 32+ 60/2 原本长度62px,去除游戏和视频长度 + 72 左右,设置 134 px-->
|
|
|
- <view style="width: 134px;" class="mask-bg-07"></view>
|
|
|
+
|
|
|
+ <view :style="{width: guideRectLeft+'px'}" class="mask-bg-07"></view>
|
|
|
<image style="width: 90px;height: 100px; opacity: 0.7;"
|
|
|
src="../../../static/common/subNVue/guide/guide-rect-mask.png"></image>
|
|
|
<view class="mask-bg-07 flex-sub"></view>
|
|
@@ -100,7 +102,7 @@
|
|
|
</view>
|
|
|
|
|
|
<view v-if="currentType == 'actionJumpPlay'" class="guide-container position-relative"
|
|
|
- @click="buttonMessage('confirm')">
|
|
|
+ @click="buttonMessage('confirm',$event)">
|
|
|
<!-- top: 55px; 相当于 上间隔 -->
|
|
|
<view class="mask-bg-07" :style="{height:guideHeight+'px'}"></view>
|
|
|
<!-- 中心位置 275 -->
|
|
@@ -126,7 +128,7 @@
|
|
|
<view class="mask-bg-07 flex-sub"></view>
|
|
|
</view>
|
|
|
<view v-if="currentType == 'bluetoothConnect'" class="guide-container position-relative"
|
|
|
- @click="buttonMessage('confirm')">
|
|
|
+ @click="buttonMessage('confirm',$event)">
|
|
|
<!-- top: 55px; 相当于 上间隔 -->
|
|
|
<view class="mask-bg-07" :style="{height:guideHeight+'px'}"></view>
|
|
|
<!-- 中心位置 225 -->
|
|
@@ -162,7 +164,7 @@
|
|
|
|
|
|
<view v-if="currentType == 'level-game-tip'"
|
|
|
class="guide-container justify-center align-center position-relative mask-bg-07"
|
|
|
- @click="buttonMessage('confirm')">
|
|
|
+ @click="buttonMessage('confirm',$event)">
|
|
|
<view class="game-mid">
|
|
|
<view style="height: 278rpx;width: 750rpx;" class="position-relative">
|
|
|
<view class="position-absolute-center" style="top: 0;left:0rpx;">
|
|
@@ -211,9 +213,11 @@
|
|
|
mapMutations
|
|
|
} from 'vuex';
|
|
|
export default {
|
|
|
- computed: mapState(['systemInfo', 'navHeight', 'tabbarHeight']),
|
|
|
+ computed: mapState(['systemInfo', 'navHeight', 'tabbarHeight','versionCodeState']),
|
|
|
data() {
|
|
|
return {
|
|
|
+ //防止点击
|
|
|
+ bShowComplete:false,
|
|
|
title: '',
|
|
|
content: '',
|
|
|
lists: [],
|
|
@@ -286,21 +290,37 @@
|
|
|
secondWidth: 68,
|
|
|
secondHeight: 68,
|
|
|
secondHidden: false
|
|
|
- }
|
|
|
+ },
|
|
|
+
|
|
|
+ guideRectLeft:62
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
|
- console.log('*********一个guide created')
|
|
|
+ console.error('*********一个guide created')
|
|
|
const vm = this;
|
|
|
uni.$on('guide-popup', (data) => {
|
|
|
+ vm.bShowComplete = true;
|
|
|
+ console.log("vm.bShowComplete 1=:",vm.bShowComplete);
|
|
|
+ setTimeout(()=>{
|
|
|
+ vm.bShowComplete = false;
|
|
|
+ console.log("vm.bShowComplete 2=:",vm.bShowComplete);
|
|
|
+ },300)
|
|
|
vm.title = data.title;
|
|
|
vm.content = data.content;
|
|
|
vm.currentType = data.type || 'none';
|
|
|
vm.operationItem = data.operationItem;
|
|
|
let _viewData = data.item;
|
|
|
+ if(vm.versionCodeState.showGame&&vm.versionCodeState.showVideo){
|
|
|
+ vm.guideRectLeft = 62;
|
|
|
+ }else if(vm.versionCodeState.showGame||vm.versionCodeState.showVideo){
|
|
|
+ vm.guideRectLeft = 89;
|
|
|
+ }else {
|
|
|
+ vm.guideRectLeft = 134;
|
|
|
+ }
|
|
|
+
|
|
|
//获取类型
|
|
|
vm.hiddenType = (_viewData && _viewData.hiddenType) || 'none';
|
|
|
- console.log("vm.hiddenType:", vm.hiddenType);
|
|
|
+ console.log("初始化时候hidden类型:", vm.hiddenType);
|
|
|
if (vm.currentType == "actionJumpPlay") {
|
|
|
// _viewData.height/4 = 27.5
|
|
|
vm.guideHeight = _viewData.top + _viewData.height - _viewData.height / 4 - vm.systemInfo
|
|
@@ -371,9 +391,12 @@
|
|
|
// })
|
|
|
// }
|
|
|
},
|
|
|
-
|
|
|
- buttonMessage(buttonEvent) {
|
|
|
-
|
|
|
+
|
|
|
+ buttonMessage(buttonEvent,e) {
|
|
|
+ e.stopPropagation();
|
|
|
+ if(this.bShowComplete)return;
|
|
|
+ this.bShowComplete = true;
|
|
|
+ console.log('关闭2')
|
|
|
setTimeout(() => {
|
|
|
const subNVue = uni.getCurrentSubNVue()
|
|
|
uni.$emit('guide-popup-page', {
|