2023-11-28

src/component/Detail/DesignDetail.vue

@@ -356,7 +356,7 @@ export default defineComponent({
                     this.loadingShow = false
 					if(this.driver__.driver){
 						nextTick().then(()=>{
-							driverObj__.moveTo(18);
+							driverObj__.moveTo(20);
 						})
 					}
                 }

src/component/Detail/habit.vue

@@ -596,7 +596,7 @@ export default defineComponent({
 				if(this.driver__.driver){
 					nextTick().then(()=>{
 						// driverObj__.moveNext();
-						driverObj__.moveTo(28);
+						driverObj__.moveTo(30);
 
 					})
 				}

src/component/HomePage/ColorboardUpload.vue

@@ -4,7 +4,7 @@
 			<div class="modal_text">
 				<div>{{ $t('ColorboardUpload.Thumbnail') }}</div>
 			</div>
-			<div class="modal_img">
+			<div class="modal_img Guide_1_11_1" :class="[driver__.driver?'showEvents':'']">
 				<div class="modal_img_item" v-for="color,index in colorList" :key="color" >
 					<div @click="selectColorItem(index,color)" :class="['upload_color',selectIndex === index ? 'select_upload_color' : '',]" :style="{background:`rgba(${color?.r},${color?.g},${color?.b},${color?.a})`}">
 					</div>
@@ -269,6 +269,9 @@ export default defineComponent({
             this.pantongNameList = []
 			this.reviewColor= {}
 			this.getColorBg = false
+			if(this.driver__.driver){
+				driverObj__.moveNext()
+			}
             // this.selectColor = color?.r ? {rgba:{r:color.r,g:color.g,b:color.b,a:color.a? color.a: 1},hex:hex} : {}
         },
 
@@ -399,7 +402,7 @@ export default defineComponent({
 		setUplpadColor(color){
 			this.selectColor  = color
 			if(this.driver__.driver){
-				driverObj__.moveTo(12)
+				driverObj__.moveNext()
 			}
 		},
         beforeUpload(file){

src/component/HomePage/MoodboardUpload.vue

@@ -268,8 +268,6 @@ export default defineComponent({
 		},
 		driver__:{
 			handler(newVal,oldVal){
-				console.log(newVal,'======');
-				
 				if(newVal.index >= 1 && newVal.index <= 2){
 					this.open(newVal.index)
 				}else{

src/component/HomePage/collectionModal.vue

@@ -86,8 +86,6 @@ export default defineComponent({
 		const store = useStore()
 		let {t} = useI18n()
 		let driver__:any = computed(()=>{
-			console.log(123);
-			
 			return store.state.Guide.guide
 		})
 		provide('driver__',driver__)
@@ -194,9 +192,6 @@ export default defineComponent({
 			this.showCollectionModal =false
 			this.collectionStep = 1
 			this.$emit('finishCollection')
-			if(this.driver__.driver){
-				driverObj__.moveNext()
-			}
 			let elList = document.querySelectorAll('.img_block_item_sketch img')
 			Https.axiosPost(Https.httpUrls.sketchBoardsBoundingBox, data)
 				.then((rv: any) => {

src/tool/guide.js

@@ -23,6 +23,10 @@ const driverObj__ = driver({
 		{ element: '.Guide_1_8', popover: { title: 'Title', description: 'Description' } },
 		{ element: '.Guide_1_10', popover: { title: 'Title', description: 'Description' } },
 		{ element: '.Guide_1_11', popover: { title: 'Title', description: 'Description' } },
+
+		{ element: '.Guide_1_11_1', popover: { title: 'Title', description: 'Description' } },
+		{ element: '.Guide_1_11', popover: { title: 'Title', description: 'Description' } },
+
 		{ element: '.Guide_1_8', popover: { title: 'Title', description: 'Description' } },
 		{ element: '.Guide_1_2', popover: { title: 'Title', description: 'Description' } },
 		{ element: '.Guide_1_14', popover: { title: 'Title', description: 'Description' } },
@@ -59,11 +63,11 @@ const driverObj__ = driver({
 			element.classList.remove('Guide_')
 		}
 		popover.previousButton.style.display = 'none'
-		let driver = document.getElementsByClassName('driver-active')[0]
+		let driver = document.querySelector('body')
 		if(
 			options.state.activeIndex >= 1 && options.state.activeIndex <= 2 || 
-			options.state.activeIndex >= 18 && options.state.activeIndex < 19 || 
+			options.state.activeIndex >= 20 && options.state.activeIndex < 21 || 
-			options.state.activeIndex >= 24 && options.state.activeIndex < 25
+			options.state.activeIndex >= 26 && options.state.activeIndex < 27
 		){
 			popover.footer.style.display = 'block'
 			driver.classList.add('showEvents')
@@ -86,7 +90,7 @@ const driverObj__ = driver({
 	},
 	//销毁前
 	onDestroyStarted:()=>{
-		data.driver = false
+		// data.driver = false
 		store?.commit("setGuide", data);
 		driverObj__.destroy();//销毁方法
 	},

src/views/HomeView.vue

@@ -1,5 +1,5 @@
 <template>
-	<div class="home_page Guide_1_16">
+	<div class="home_page">
 		<HeaderComponent></HeaderComponent>
 		<div class="page_content">
 			<!-- <img class="page_content_bg" src="@/assets/images/homePage/bg.png" /> -->
@@ -191,7 +191,7 @@
 
 		<!-- design collection的进度蒙层  start-->
 		<div class="progress_mark" v-show="showDesignMark">
-			<div class="mark_content">
+			<div class="mark_content Guide_1_16">
 				<a-progress type="circle" :percent="designProgress" strokeColor="#341e57" :width="200" />
 				<div>
 					<a-spin :indicator="indicator" />
@@ -565,7 +565,11 @@ export default defineComponent({
 				);
 				return;
 			}
-
+			if(this.driver__.driver){
+				nextTick().then(()=>{
+					driverObj__.moveNext();
+				})
+			}
 			let data = this.getDesignData(this.designCollectionId);
 			Https.axiosPost(Https.httpUrls.reDesignCollection, data)
 				.then((rv: any) => {