Browse Source

添加schema匹配错误提示

herj 2 years ago
parent
commit
6a77c4f072
1 changed files with 22 additions and 0 deletions
  1. 22 0
      packages/jldbq-extenison/style/wizard/list.css

+ 22 - 0
packages/jldbq-extenison/style/wizard/list.css

@@ -180,6 +180,7 @@
 
 .sync-wizard .form-link-separator {
   width: 36px;
+  position: relative;
 }
 
 .sync-wizard .form-list-hintlist .form-link-separator {
@@ -202,6 +203,27 @@
   background-image: url('../img/warn.png');
 }
 
+.sync-wizard
+  .form-list-body
+  .form-list-item-diabled.form-link-separator:hover::after {
+  position: absolute;
+  z-index: 100;
+  bottom: -10px;
+  left: 30%;
+  content: '字段不匹配';
+  font-size: 10px;
+  line-height: 10px;
+  color: #4a4a4a;
+  border: 1px solid #c8d3e9;
+  border-radius: 2px;
+  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.12);
+  background-color: #ebeff3;
+  padding: 4px;
+  white-space: nowrap;
+  animation-name: fade;
+  animation-duration: 0.3s;
+}
+
 .sync-wizard .form-list-clear {
   width: 50px;
   height: 100%;