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

src/component/HomePage/ColorboardUpload.vue

@@ -767,10 +767,12 @@ export default defineComponent({
 								flex-direction: row-reverse;
 								.vc-chrome-color-wrap{
 									// width: 3.6rem;
+									margin-left: 2rem;
 									width: auto;
 									.vc-chrome-active-color,.vc-checkerboard{
 										width: 3rem;
 										height: 3rem;
+										border-radius: 50%;
 									}
 								}
 								.vc-chrome-hue-wrap,.vc-chrome-alpha-wrap{

src/component/HomePage/Cropper.vue

@@ -6,6 +6,7 @@
         :maskClosable="false"
         :centered="true"
 		:closable="false"
+		:keyboard="false"
 		:zIndex="999999"
 		:mask="false"
     >
@@ -163,8 +164,8 @@ export default defineComponent({
 }
 .cut_pricture_modal{
 	.ant-modal-content{
-		transform: scale(1.2);
-		transform-origin: center !important;
+		// transform: scale(1.2);
+		// transform-origin: center !important;
 	}
 	*{
 		pointer-events: auto;

src/component/HomePage/Header.vue

@@ -87,6 +87,7 @@
             title="Mailbox binding"
             width="56rem"
             :maskClosable="false"
+			:keyboard="false"
             :centered="true"
         >
             <template #closeIcon v-if="!isHaveBindEmail && bindEmailStep === 1">

src/component/HomePage/MoodboardUpload.vue

@@ -109,7 +109,7 @@
             ></Generate>
         </div>
         <div v-show="moodboarList.length" class="modal_right">
-			<div class="modal_layout Guide_1_7">
+			<div class="modal_layout Guide_1_7" :class="[driver__.driver?'showEvents':'']">
 				<div class="modal_text">
 					<div>
 						{{ $t('MoodboardUpload.Thumbnail') }}
@@ -268,6 +268,8 @@ 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/PrintboardUpload.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="printboard_upload_modal">
+    <div class="printboard_upload_modal" :class="[driver__.driver?'showEvents':'']">
 		
         <div class="printboard_left_upload">
             <div class="left_upload_header">

src/component/HomePage/SketchboardUpload.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="sketchboard_upload_modal">
         <div class="modal_left">
-            <div class="switch_type_list">
+            <div class="switch_type_list" :class="[driver__.driver?'showEvents':'']">
                 <div
                     @click.stop="open(1)"
                     class="switch_type_item"

src/component/HomePage/collectionModal.vue

@@ -8,6 +8,7 @@
             :centered="true"
 			:closable="false"
 			wrapClassName="#app"
+			:keyboard="false"
         >
             <div class="collection_title">
 				<div class="collection_title_text">
@@ -85,6 +86,8 @@ export default defineComponent({
 		const store = useStore()
 		let {t} = useI18n()
 		let driver__:any = computed(()=>{
+			console.log(123);
+			
 			return store.state.Guide.guide
 		})
 		provide('driver__',driver__)

src/component/HomePage/layout.vue

@@ -8,6 +8,7 @@
             :maskClosable="false"
             :centered="true"
             :closable="false"
+			:keyboard="false"
             :mask="false"
 			:destroyOnClose="true"
         >
@@ -627,8 +628,8 @@ export default defineComponent({
     -khtml-user-select: none;
     user-select: none;
 	.ant-modal-content{
-		transform: scale(1.2);
-		transform-origin: center !important;
+		// transform: scale(1.2);
+		// transform-origin: center !important;
 	}
 	// max-width: 1150px;
     .ant-modal-body {

src/component/HomePage/layoutMobile.vue

@@ -9,6 +9,7 @@
             :centered="true"
             :closable="false"
             :mask="false"
+			:keyboard="false"
 			:destroyOnClose="true"
         >
             <div class="layout_content">
@@ -659,8 +660,8 @@ export default defineComponent({
     -khtml-user-select: none;
     user-select: none;
 	.ant-modal-content{
-		transform: scale(1.2);
-		transform-origin: center !important;
+		// transform: scale(1.2);
+		// transform-origin: center !important;
 	}
 	// max-width: 1150px;
     .ant-modal-body {

src/component/HomePage/scaleImage.vue

@@ -8,6 +8,7 @@
             :centered="true"
             :closable="false"
             :mask="false"
+			:keyboard="false"
 			:destroyOnClose="true"
         >
 		<div class="scaleImage_btn">