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

src/assets/style/style.css

@@ -162,7 +162,10 @@ li {
 .hideEvents * {
   pointer-events: none !important;
 }
-.hideEvents .Guide_ {
+.Guide_ {
+  pointer-events: auto !important;
+}
+.Guide_.showEvents * {
   pointer-events: auto !important;
 }
 .delete_like_file_block {
@@ -389,6 +392,13 @@ li {
 .operate_file_block .select_img_type .category_list .category_item:hover {
   background: linear-gradient(-137deg, #eeefdb, #e7dbed);
 }
+.driver-overlay,
+.driver-active * {
+  pointer-events: none;
+}
+.showEvents * {
+  pointer-events: auto;
+}
 .habit :deep(.ant-btn:hover),
 :deep(.ant-btn:focus),
 :deep(.ant-btn:active),
@@ -502,12 +512,6 @@ li {
 .libraryPageCascader .ant-cascader-menu {
   margin-top: 4rem;
 }
-.collection_modal .ant-modal-content,
-.design_detail_modal_component .ant-modal-content,
-.designOpenrtion_modal .ant-modal-content {
-  transform: scale(1.2);
-  transform-origin: center !important;
-}
 .collection_modal .ant-modal-body,
 .design_detail_modal_component .ant-modal-body,
 .designOpenrtion_modal .ant-modal-body,

src/assets/style/style.less

@@ -177,8 +177,14 @@ ul,li{
 	*{
 		pointer-events:none !important;
 	}
-	.Guide_{
-		pointer-events:auto !important;
+	
+}
+.Guide_{
+	pointer-events:auto !important;
+	&.showEvents{
+		*{
+			pointer-events:auto !important;
+		}
 	}
 }
 
@@ -453,6 +459,14 @@ ul,li{
 		}
 	}
 }
+.driver-overlay, .driver-active * {
+    pointer-events: none;
+}
+.showEvents{
+	*{
+		pointer-events: auto;
+	}
+}
 // .ant-modal-wrap{
 // 	z-index: 10001 ;
 // }
@@ -597,8 +611,8 @@ ul,li{
 }
 .collection_modal,.design_detail_modal_component,.designOpenrtion_modal{
 	.ant-modal-content{
-		transform: scale(1.2);
-		transform-origin: center !important;
+		// transform: scale(1.2);
+		// transform-origin: center !important;
 	}
 }
 //collection 弹窗