2023-11-28-用户指引功能

src/component/Detail/DesignDetailAlter.vue

@@ -12,8 +12,8 @@
 				</div>
 				<div
 					@click.stop="open(2)"
-					class="switch_type_item"
-					:class="[openClick == 2 ? 'select_swtich' : '']"
+					class="switch_type_item Guide_1_21"
+					:class="[openClick == 2 ? 'select_swtich' : '',driver__.driver?'showEvents':'']"
 				>
 					<span>{{ $t('DesignDetailAlter.Library') }}</span>
 				</div>
@@ -96,7 +96,7 @@
 					</div>
 				</div>
 			</div>
-			<div v-show="openClick == 2" class="detail_Library_item">
+			<div v-show="openClick == 2" class="detail_Library_item Guide_1_22" :class="[driver__.driver?'showEvents':'']">
                 <div class="material_content_body scroll_style">
                     <div class="content_img_item" v-for="(file) in clothesList" :key="file.id"  :class="{active:selectCode !== 'Moodboard'}">
                         <div class="content_img_item_block" :class="{active:file?.checked}">
@@ -267,6 +267,7 @@ import { Sketch, Chrome} from '@ans1998/vue3-color'
 import {getUploadUrl,rgbToHsv} from '@/tool/util'
 import DesignDetailEnd from './DesignDetailEnd.vue';
 import { getCookie } from "@/tool/cookie";
+import { openGuide,driverObj__ } from "@/tool/guide";
 import { useI18n } from 'vue-i18n';
 export default defineComponent({
     props: ["msg"],
@@ -278,6 +279,7 @@ export default defineComponent({
 		let type_ = ref(1);
 		let select = ref(false);
         let current = inject('current')//父组件传过来的数据
+        let driver__ = inject('driver__')//父组件传过来的数据
 		let openClick = ref(1);
 		let searchPictureName = ref('')
 		//模型印花
@@ -324,6 +326,7 @@ export default defineComponent({
 			selectColor,
 			selectColorList,
 			workspace,
+			driver__,
 			t,
         }
     },
@@ -638,6 +641,11 @@ export default defineComponent({
 					minIOPath:imgData.minIOPath,
 					path:imgData?.url
 				}]
+				if(this.driver__.driver){
+					nextTick().then(()=>{
+						driverObj__.moveNext();
+					})
+				}
 
 				// console.log(this.current.printObject,imgData); 
 			}
@@ -672,6 +680,11 @@ export default defineComponent({
             this.openClick = num;
 			if(num ==2 ){
 				this.getLibraryList()
+				if(this.driver__.driver){
+					nextTick().then(()=>{
+						driverObj__.moveNext();
+					})
+				}
 			}
         },
 
@@ -1417,7 +1430,11 @@ export default defineComponent({
 							flex-direction: row-reverse;
 							.vc-chrome-color-wrap{
 								// width: 3.6rem;
+								margin-left: 2rem;
 								width: auto;
+								.vc-chrome-active-color{
+									border-radius: 50%;
+								}
 								.vc-chrome-active-color,.vc-checkerboard{
 									width: 3rem;
 									height: 3rem;