super-page-designer 2.2.58 → 2.2.61

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (79) hide show
  1. package/dist/es/components/design/utils/assemblys-config.js +2 -2
  2. package/dist/es/components/design/utils/common-util.js +0 -3
  3. package/dist/es/components/design/utils/form-design-util.js +5 -5
  4. package/dist/es/components/design/utils/page-table-util.d.ts +1 -1
  5. package/dist/es/components/design/utils/page-table-util.js +4 -4
  6. package/dist/es/components/design/views/assemblys/button/button/button-attr-advanced.vue.js +37 -37
  7. package/dist/es/components/design/views/assemblys/button/button/button-attr-base.vue.js +1 -1
  8. package/dist/es/components/design/views/assemblys/button/component/combination.vue.js +1 -1
  9. package/dist/es/components/design/views/assemblys/button/component/journal-set-dialog.vue2.js +1 -1
  10. package/dist/es/components/design/views/assemblys/button/component/set-dialog.vue.js +22 -22
  11. package/dist/es/components/design/views/assemblys/button/dropdown/dropdown-attr-base.vue.js +1 -1
  12. package/dist/es/components/design/views/assemblys/chart/common/common-attr-clickset.vue.js +1 -1
  13. package/dist/es/components/design/views/assemblys/chart/common/common-attr-data.vue.js +1 -1
  14. package/dist/es/components/design/views/assemblys/chart/common/common-attr-groupby.vue.js +1 -1
  15. package/dist/es/components/design/views/assemblys/chart/common/common-attr-sortby.vue.js +1 -1
  16. package/dist/es/components/design/views/assemblys/chart/common/common-home-chart.vue2.js +1 -1
  17. package/dist/es/components/design/views/assemblys/chart/statistical-table/component/data-origin.vue2.js +1 -1
  18. package/dist/es/components/design/views/assemblys/chart/statistical-table/component/table-pageination.vue.js +1 -1
  19. package/dist/es/components/design/views/assemblys/chart/statistical-table/component/table-showcondition.vue.js +12 -12
  20. package/dist/es/components/design/views/assemblys/common/common-advanced-basic-showcondition.vue.js +1 -1
  21. package/dist/es/components/design/views/assemblys/common/common-select-table.vue.js +10 -10
  22. package/dist/es/components/design/views/assemblys/common/common-variable-bind.vue2.js +5 -137
  23. package/dist/es/components/design/views/assemblys/common/common-variable-bind.vue3.js +139 -0
  24. package/dist/es/components/design/views/assemblys/container/tabs/tabs-design.vue.js +1 -4
  25. package/dist/es/components/design/views/assemblys/container/tabs/tabs-design.vue2.js +9 -9
  26. package/dist/es/components/design/views/assemblys/container/tools/tools-design.vue2.js +6 -6
  27. package/dist/es/components/design/views/assemblys/data/bar-code/barcode-attr-base.vue.js +1 -1
  28. package/dist/es/components/design/views/assemblys/data/component/data-origin-tree.vue.js +1 -1
  29. package/dist/es/components/design/views/assemblys/data/component/data-origin-tree.vue2.js +55 -55
  30. package/dist/es/components/design/views/assemblys/data/table/table-attr-base.vue.js +1 -1
  31. package/dist/es/components/design/views/assemblys/data/table/tablecolumn-attr-base.vue2.js +1 -1
  32. package/dist/es/components/design/views/assemblys/data/tree/tree-attr-base.vue.js +16 -32
  33. package/dist/es/components/design/views/assemblys/data/tree/tree-design.vue2.js +4 -4
  34. package/dist/es/components/design/views/assemblys/form/checkbox/checkbox-attr-base.vue.js +1 -1
  35. package/dist/es/components/design/views/assemblys/form/common/bar-code-rule.vue.js +1 -1
  36. package/dist/es/components/design/views/assemblys/form/common/condition.vue.js +1 -1
  37. package/dist/es/components/design/views/assemblys/form/common/data-format.vue.js +1 -1
  38. package/dist/es/components/design/views/assemblys/form/common/data-linkage.vue.js +1 -1
  39. package/dist/es/components/design/views/assemblys/form/common/data-origin-autoset.vue.js +1 -1
  40. package/dist/es/components/design/views/assemblys/form/common/data-origin-service-in.vue.js +1 -1
  41. package/dist/es/components/design/views/assemblys/form/common/linkpage-page-callback.vue.js +1 -1
  42. package/dist/es/components/design/views/assemblys/form/common/parameter-table.vue.js +1 -1
  43. package/dist/es/components/design/views/assemblys/form/common/suffixmodule.vue.js +1 -1
  44. package/dist/es/components/design/views/assemblys/form/common/title-suffix.vue.js +1 -1
  45. package/dist/es/components/design/views/assemblys/form/date-picker/datepicker-attr-base.vue.js +1 -1
  46. package/dist/es/components/design/views/assemblys/form/dept-tree/depttree-attr-base.vue.js +1 -1
  47. package/dist/es/components/design/views/assemblys/form/dept-tree/depttree-autoset.vue.js +1 -1
  48. package/dist/es/components/design/views/assemblys/form/divider/divider-attr-base.vue.js +1 -1
  49. package/dist/es/components/design/views/assemblys/form/file-upload/fileupload-attr-base.vue.js +1 -1
  50. package/dist/es/components/design/views/assemblys/form/input-number/input-number-attr-base.vue.js +1 -1
  51. package/dist/es/components/design/views/assemblys/form/input-text/inputtext-attr-base.vue.js +1 -1
  52. package/dist/es/components/design/views/assemblys/form/label/label-attr-base.vue.js +1 -1
  53. package/dist/es/components/design/views/assemblys/form/link/link-attr-base.vue.js +1 -1
  54. package/dist/es/components/design/views/assemblys/form/radio/radio-attr-base.vue.js +1 -1
  55. package/dist/es/components/design/views/assemblys/form/rich-text/richtext-attr-base.vue.js +1 -1
  56. package/dist/es/components/design/views/assemblys/form/select/select-attr-base.vue.js +1 -1
  57. package/dist/es/components/design/views/assemblys/form/switch/switch-attr-base.vue.js +1 -1
  58. package/dist/es/components/design/views/assemblys/form/tag/tag-attr-base.vue.js +1 -1
  59. package/dist/es/components/design/views/assemblys/form/textarea/textarea-attr-base.vue.js +1 -1
  60. package/dist/es/components/design/views/assemblys/workflow/component/combination.vue.js +1 -1
  61. package/dist/es/components/design/views/design/page-design.vue2.js +1 -1
  62. package/dist/es/components/design/views/design/page-design.vue3.js +1 -1
  63. package/dist/es/components/design/views/design/page-event/{config.vue.js → config.vue2.js} +1 -1
  64. package/dist/es/components/design/views/design/page-event/page-event-content.vue.js +2 -2
  65. package/dist/es/components/design/views/design/view/assemblys-container.vue.js +20 -13
  66. package/dist/es/components/design/views/design/view/attr-container.vue.js +29 -22
  67. package/dist/es/components/design/views/design/view/components/quick-add-dialog.vue.js +1 -1
  68. package/dist/es/components/design/views/design/view/components/quick-add-fields.vue.js +1 -1
  69. package/dist/es/components/design/views/design/view/page-switch.vue.js +1 -1
  70. package/dist/es/components/design/views/design/view/page-switch.vue2.js +8 -8
  71. package/dist/es/components/design/views/design/view/view-design-display.vue.js +154 -5
  72. package/dist/es/components/design/views/design/view/view-design-display.vue2.js +2 -148
  73. package/dist/es/components/design/views/design/view/view-design-preview.vue.js +20 -5
  74. package/dist/es/components/design/views/design/view/view-design-preview.vue2.js +2 -20
  75. package/dist/es/style.css +822 -1052
  76. package/package.json +4 -4
  77. package/dist/es/components/design/views/assemblys/common/common-variable-bind.vue.js +0 -7
  78. package/dist/es/components/design/views/assemblys/data/tree/tree-attr-context-menu.vue.js +0 -37
  79. package/dist/es/components/design/views/assemblys/data/tree/tree-attr-context-menu.vue2.js +0 -4
package/dist/es/style.css CHANGED
@@ -7,7 +7,6 @@
7
7
  background-color: #ffffff;
8
8
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
9
9
  text-align: center;
10
- border-bottom: 1px solid rgba(0, 0, 0, 0.05);
11
10
  }
12
11
  .amb-page-container-header-page {
13
12
  position: fixed;
@@ -34,33 +33,24 @@
34
33
  background: #5893ef;
35
34
  color: #ffffff;
36
35
  }
37
-
38
- .amb-page-container-header ~ .amb-page-container-main {
39
- height: calc(100vh - 60px);
40
- }
41
36
  .amb-page-container-main {
42
37
  position: relative;
43
38
  overflow: auto;
44
39
  }
45
-
46
- .amb-page-container-main > .el-container {
47
- height: 100%;
48
- }
49
-
50
40
  .amb-container-left {
51
- width: 280px !important;
41
+ padding-right: 20px;
52
42
  overflow-y: auto;
53
43
  }
54
44
  .amb-container-main {
55
45
  padding: 0px !important;
56
46
  user-select: none;
57
- overflow: hidden;
58
47
  }
59
48
  .amb-container-main::-webkit-scrollbar {
60
49
  width: 1px;
61
50
  }
62
51
  .amb-container-attr {
63
- width: 280px !important;
52
+ width: 300px;
53
+ padding-left: 20px;
64
54
  }
65
55
  .amb-design-attr-base-content {
66
56
  background: #ffffff;
@@ -93,20 +83,21 @@
93
83
  }
94
84
  .amb-design-content {
95
85
  overflow: auto;
96
- display: flex;
97
- flex-direction: column;
86
+ display: block;
98
87
  flex: none;
99
88
  position: relative;
100
89
  width: 100%;
101
- height: 100%;
102
90
  }
103
91
  .amb-design-content::-webkit-scrollbar {
104
92
  width: 1px;
105
93
  }
106
94
  .amb-design-content-center-header {
95
+ position: sticky;
96
+ z-index: 4;
97
+ top: 0;
107
98
  height: 54px;
108
99
  background-color: #f7f8fa;
109
- margin: 15px;
100
+ padding-top: 14px;
110
101
  }
111
102
  .amb-design-tool {
112
103
  position: relative;
@@ -152,28 +143,22 @@
152
143
  position: relative;
153
144
  cursor: pointer;
154
145
  }
155
- .el-scrollbar__view:has(.amb-design-board) {
156
- padding: 0 15px;
157
- height: 100%;
158
- }
159
146
  .amb-design-board {
160
- min-height: 100%;
161
147
  margin: 0 auto;
148
+ margin-top: 12px;
149
+ overflow-y: hidden;
150
+ overflow-x: auto;
162
151
  background: #ffffff;
163
152
  border-radius: 2px 2px 2px 2px;
164
153
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
165
154
  padding-bottom: 100px;
166
155
  }
167
- .amb-design-board .el-row > div {
168
- width: 100%;
169
- }
170
156
  .amb-item-ghost {
171
- background-color: rgba(64, 158, 255, .1);
157
+ background-color: #5893ef;
158
+ height: 5px;
159
+ line-height: 5px;
172
160
  overflow: hidden;
173
161
  }
174
- .amb-item-ghost > * {
175
- opacity: 0;
176
- }
177
162
  /* 将你的自定义样式添加到这里 */
178
163
  .draggable-placeholder {
179
164
  background-color: red;
@@ -384,22 +369,23 @@
384
369
  /* 用于占位 */
385
370
  .amb-widget-tools-parent {
386
371
  width: 100%;
372
+ min-height: 58px;
373
+ margin-bottom: 18px;
387
374
  }
388
375
  .amb-widget-tools {
389
376
  display: flex;
390
- flex-wrap: wrap;
391
377
  /* 垂直居中 */
392
378
  align-items: center;
393
379
  background: #fafafa;
394
380
  /* background:#FAFAFA; */
395
381
  /* background-color: var(--el-card-bg-color); */
396
382
  /* border:1px solid #e4e7ed; */
383
+ height: 58px;
397
384
  border-radius: 4px;
398
385
  width: transparent;
399
386
  padding-left: 20px;
400
387
  padding-right: 20px;
401
388
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
402
- min-height: 58px;
403
389
  /* --el-card-border-color: var(--el-border-color-light);
404
390
  --el-card-border-radius: 4px;
405
391
  --el-card-bg-color: var(--el-fill-color-blank);
@@ -422,9 +408,6 @@
422
408
  border: 1px solid #e6a23c !important;
423
409
  /* background-color: rgba(205, 210, 216, 0.105); */
424
410
  }
425
- .amb-design-item-default > div {
426
- width: 100%;
427
- }
428
411
  .amb-design-attr-group-header > button {
429
412
  background: #f5f6f8;
430
413
  padding-left: 10px;
@@ -542,6 +525,7 @@ fieldset.amb-design-item-selected {
542
525
  overflow: hidden;
543
526
  transition: var(--el-transition-duration);
544
527
  box-shadow: var(--el-box-shadow-light);
528
+ margin-bottom: 18px;
545
529
  }
546
530
 
547
531
  .amb-widget-chart-header {
@@ -561,6 +545,9 @@ fieldset.amb-design-item-selected {
561
545
  justify-content: center;
562
546
  }
563
547
 
548
+ .el-card {
549
+ margin-bottom: 18px;
550
+ }
564
551
  .el-collapse {
565
552
  margin-bottom: 18px;
566
553
  }
@@ -586,6 +573,9 @@ fieldset.amb-design-item-selected {
586
573
  .el-button-group > .el-button {
587
574
  margin-right: 0px;
588
575
  }
576
+ .el-form-item > .el-form-item__content {
577
+ padding-right: 18px;
578
+ }
589
579
 
590
580
  /* 设计时样式 */
591
581
  .amb-design-item > .el-dropdown > .el-button-group {
@@ -636,9 +626,7 @@ fieldset.amb-design-item-selected {
636
626
  content: "\e605";
637
627
  }
638
628
 
639
- .runtime-page-container[data-v-3e4e707a] {
640
- height: calc(100vh - 73px);
641
- }
629
+
642
630
  .editorTool[data-v-8dba0ddd] {
643
631
  margin-left: auto;
644
632
  }
@@ -659,22 +647,7 @@ fieldset.amb-design-item-selected {
659
647
  [data-v-8e6fbc57] .centered-input .el-input__inner {
660
648
  text-align: center;
661
649
  }
662
- .el-aside[data-v-d39ebdb2] {
663
- width: 285px;
664
- }
665
- .amb-design-board[data-v-d39ebdb2] {
666
- padding: 15px;
667
- display: flex;
668
- flex-direction: column;
669
- align-content: flex-start;
670
- gap: var(--runtime-page-container-view-gap, 15px);
671
- }
672
- .amb-design-board[data-v-d39ebdb2] > div {
673
- width: 100%;
674
- }
675
- .amb-design-board[data-v-d39ebdb2] [draggable] {
676
- overflow: hidden;
677
- }
650
+
678
651
  .event-item[data-v-18fb54c3] {
679
652
  font-size: 12px;
680
653
  border-bottom: 2px dashed #f5f6f8;
@@ -683,45 +656,31 @@ fieldset.amb-design-item-selected {
683
656
  }
684
657
 
685
658
  /* 定义滚动条的轨道 */
686
- [data-v-2076fde4]::-webkit-scrollbar {
659
+ [data-v-511b453b]::-webkit-scrollbar {
687
660
  height: 6px;
688
661
  width: 6px; /* 宽度 */
689
662
  }
690
663
 
691
664
  /* 定义滑块 */
692
- [data-v-2076fde4]::-webkit-scrollbar-thumb {
665
+ [data-v-511b453b]::-webkit-scrollbar-thumb {
693
666
  background-color: darkgrey; /* 滑块颜色 */
694
667
  border-radius: 5px; /* 圆角 */
695
668
  }
696
669
 
697
670
  /* 当滑块hover时改变颜色 */
698
- [data-v-2076fde4]::-webkit-scrollbar-thumb:hover {
671
+ [data-v-511b453b]::-webkit-scrollbar-thumb:hover {
699
672
  background-color: grey;
700
673
  }
701
- ._amb-page-container_1k9lg_1 {
674
+ ._amb-page-container_19cmx_1 {
702
675
  position: relative;
703
676
  height: 100vh;
704
677
  width: 100vw;
705
678
  }
706
- ._amb-page-container_1k9lg_1 ._amb-page-container-header_1k9lg_6 {
679
+ ._amb-page-container_19cmx_1 ._amb-page-container-header_19cmx_6 {
707
680
  height: 60px;
708
681
  }
709
- ._amb-page-container_1k9lg_1 ._amb-page-container-header_1k9lg_6 ~ ._amb-page-container-main_1k9lg_9 {
710
- height: calc(100vh - 60px);
711
- }.runtime-page-container-tabs-view[data-v-96609f3b] > .el-tabs__content > .el-tab-pane {
712
- display: flex;
713
- flex-direction: column;
714
- align-content: flex-start;
715
- gap: var(--runtime-page-container-view-gap, 15px);
716
- }
717
- .runtime-page-container-tabs-view[data-v-96609f3b] > .el-tabs__content > .el-tab-pane > .amb-design-item-default {
718
- display: flex;
719
- flex-direction: column;
720
- align-content: flex-start;
721
- gap: var(--runtime-page-container-view-gap, 15px);
722
- }
723
- .runtime-page-container-tabs-view[data-v-96609f3b] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > div {
724
- width: 100%;
682
+ ._amb-page-container_19cmx_1 ._amb-page-container-header_19cmx_6 ~ ._amb-page-container-main_19cmx_9 {
683
+ height: calc(100% - 60px);
725
684
  }
726
685
  .amb-design-attr-header[data-v-226997f7] {
727
686
  position: sticky;
@@ -756,8 +715,7 @@ fieldset.amb-design-item-selected {
756
715
  line-height: 60px;
757
716
  background-color: #ffffff;
758
717
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
759
- text-align: center;
760
- border-bottom: 1px solid rgba(0, 0, 0, 0.05);
718
+ text-align: center;
761
719
  }
762
720
  .amb-page-container-header-page {
763
721
  position: fixed;
@@ -784,30 +742,24 @@ fieldset.amb-design-item-selected {
784
742
  background: #5893ef;
785
743
  color: #ffffff;
786
744
  }
787
- .amb-page-container-header ~ .amb-page-container-main {
788
- height: calc(100vh - 60px);
789
- }
790
745
  .amb-page-container-main {
791
746
  position: relative;
792
747
  overflow: auto;
793
748
  }
794
- .amb-page-container-main > .el-container {
795
- height: 100%;
796
- }
797
749
  .amb-container-left {
798
- width: 280px !important;
750
+ padding-right: 20px;
799
751
  overflow-y: auto;
800
752
  }
801
753
  .amb-container-main {
802
754
  padding: 0px !important;
803
- user-select: none;
804
- overflow: hidden;
755
+ user-select: none;
805
756
  }
806
757
  .amb-container-main::-webkit-scrollbar {
807
758
  width: 1px;
808
759
  }
809
760
  .amb-container-attr {
810
- width: 280px !important;
761
+ width: 300px;
762
+ padding-left: 20px;
811
763
  }
812
764
  .amb-design-attr-base-content {
813
765
  background: #ffffff;
@@ -840,20 +792,21 @@ fieldset.amb-design-item-selected {
840
792
  }
841
793
  .amb-design-content {
842
794
  overflow: auto;
843
- display: flex;
844
- flex-direction: column;
795
+ display: block;
845
796
  flex: none;
846
797
  position: relative;
847
- width: 100%;
848
- height: 100%;
798
+ width: 100%;
849
799
  }
850
800
  .amb-design-content::-webkit-scrollbar {
851
801
  width: 1px;
852
802
  }
853
803
  .amb-design-content-center-header {
804
+ position: sticky;
805
+ z-index: 4;
806
+ top: 0;
854
807
  height: 54px;
855
808
  background-color: #f7f8fa;
856
- margin: 15px;
809
+ padding-top: 14px;
857
810
  }
858
811
  .amb-design-tool {
859
812
  position: relative;
@@ -899,27 +852,21 @@ fieldset.amb-design-item-selected {
899
852
  position: relative;
900
853
  cursor: pointer;
901
854
  }
902
- .el-scrollbar__view:has(.amb-design-board) {
903
- padding: 0 15px;
904
- height: 100%;
905
- }
906
855
  .amb-design-board {
907
- min-height: 100%;
908
856
  margin: 0 auto;
857
+ margin-top: 12px;
858
+ overflow-y: hidden;
859
+ overflow-x: auto;
909
860
  background: #ffffff;
910
861
  border-radius: 2px 2px 2px 2px;
911
862
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
912
863
  padding-bottom: 100px;
913
864
  }
914
- .amb-design-board .el-row > div {
915
- width: 100%;
916
- }
917
865
  .amb-item-ghost {
918
- background-color: rgba(64, 158, 255, .1);
866
+ background-color: #5893ef;
867
+ height: 5px;
868
+ line-height: 5px;
919
869
  overflow: hidden;
920
- }
921
- .amb-item-ghost > * {
922
- opacity: 0;
923
870
  }
924
871
  /* 将你的自定义样式添加到这里 */
925
872
  .draggable-placeholder {
@@ -1127,23 +1074,24 @@ fieldset.amb-design-item-selected {
1127
1074
  }
1128
1075
  /* 用于占位 */
1129
1076
  .amb-widget-tools-parent {
1130
- width: 100%;
1077
+ width: 100%;
1078
+ min-height: 58px;
1079
+ margin-bottom: 18px;
1131
1080
  }
1132
1081
  .amb-widget-tools {
1133
1082
  display: flex;
1134
- flex-wrap: wrap;
1135
1083
  /* 垂直居中 */
1136
1084
  align-items: center;
1137
1085
  background: #fafafa;
1138
1086
  /* background:#FAFAFA; */
1139
1087
  /* background-color: var(--el-card-bg-color); */
1140
1088
  /* border:1px solid #e4e7ed; */
1089
+ height: 58px;
1141
1090
  border-radius: 4px;
1142
1091
  width: transparent;
1143
1092
  padding-left: 20px;
1144
1093
  padding-right: 20px;
1145
1094
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
1146
- min-height: 58px;
1147
1095
  /* --el-card-border-color: var(--el-border-color-light);
1148
1096
  --el-card-border-radius: 4px;
1149
1097
  --el-card-bg-color: var(--el-fill-color-blank);
@@ -1165,9 +1113,6 @@ fieldset.amb-design-item-selected {
1165
1113
  border: 1px solid #e6a23c !important;
1166
1114
  /* background-color: rgba(205, 210, 216, 0.105); */
1167
1115
  }
1168
- .amb-design-item-default > div {
1169
- width: 100%;
1170
- }
1171
1116
  .amb-design-attr-group-header > button {
1172
1117
  background: #f5f6f8;
1173
1118
  padding-left: 10px;
@@ -1278,7 +1223,8 @@ fieldset.amb-design-item-selected {
1278
1223
  color: var(--el-text-color-primary);
1279
1224
  overflow: hidden;
1280
1225
  transition: var(--el-transition-duration);
1281
- box-shadow: var(--el-box-shadow-light);
1226
+ box-shadow: var(--el-box-shadow-light);
1227
+ margin-bottom: 18px;
1282
1228
  }
1283
1229
  .amb-widget-chart-header {
1284
1230
  border-bottom: 1px solid var(--el-card-border-color);
@@ -1296,6 +1242,9 @@ fieldset.amb-design-item-selected {
1296
1242
  vertical-align: middle;
1297
1243
  justify-content: center;
1298
1244
  }
1245
+ .el-card {
1246
+ margin-bottom: 18px;
1247
+ }
1299
1248
  .el-collapse {
1300
1249
  margin-bottom: 18px;
1301
1250
  }
@@ -1320,6 +1269,9 @@ fieldset.amb-design-item-selected {
1320
1269
  }
1321
1270
  .el-button-group > .el-button {
1322
1271
  margin-right: 0px;
1272
+ }
1273
+ .el-form-item > .el-form-item__content {
1274
+ padding-right: 18px;
1323
1275
  }
1324
1276
  /* 设计时样式 */
1325
1277
  .amb-design-item > .el-dropdown > .el-button-group {
@@ -1361,8 +1313,7 @@ fieldset.amb-design-item-selected {
1361
1313
  line-height: 60px;
1362
1314
  background-color: #ffffff;
1363
1315
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
1364
- text-align: center;
1365
- border-bottom: 1px solid rgba(0, 0, 0, 0.05);
1316
+ text-align: center;
1366
1317
  }
1367
1318
  .amb-page-container-header-page {
1368
1319
  position: fixed;
@@ -1389,30 +1340,24 @@ fieldset.amb-design-item-selected {
1389
1340
  background: #5893ef;
1390
1341
  color: #ffffff;
1391
1342
  }
1392
- .amb-page-container-header ~ .amb-page-container-main {
1393
- height: calc(100vh - 60px);
1394
- }
1395
1343
  .amb-page-container-main {
1396
1344
  position: relative;
1397
1345
  overflow: auto;
1398
1346
  }
1399
- .amb-page-container-main > .el-container {
1400
- height: 100%;
1401
- }
1402
1347
  .amb-container-left {
1403
- width: 280px !important;
1348
+ padding-right: 20px;
1404
1349
  overflow-y: auto;
1405
1350
  }
1406
1351
  .amb-container-main {
1407
1352
  padding: 0px !important;
1408
- user-select: none;
1409
- overflow: hidden;
1353
+ user-select: none;
1410
1354
  }
1411
1355
  .amb-container-main::-webkit-scrollbar {
1412
1356
  width: 1px;
1413
1357
  }
1414
1358
  .amb-container-attr {
1415
- width: 280px !important;
1359
+ width: 300px;
1360
+ padding-left: 20px;
1416
1361
  }
1417
1362
  .amb-design-attr-base-content {
1418
1363
  background: #ffffff;
@@ -1445,20 +1390,21 @@ fieldset.amb-design-item-selected {
1445
1390
  }
1446
1391
  .amb-design-content {
1447
1392
  overflow: auto;
1448
- display: flex;
1449
- flex-direction: column;
1393
+ display: block;
1450
1394
  flex: none;
1451
1395
  position: relative;
1452
- width: 100%;
1453
- height: 100%;
1396
+ width: 100%;
1454
1397
  }
1455
1398
  .amb-design-content::-webkit-scrollbar {
1456
1399
  width: 1px;
1457
1400
  }
1458
1401
  .amb-design-content-center-header {
1402
+ position: sticky;
1403
+ z-index: 4;
1404
+ top: 0;
1459
1405
  height: 54px;
1460
1406
  background-color: #f7f8fa;
1461
- margin: 15px;
1407
+ padding-top: 14px;
1462
1408
  }
1463
1409
  .amb-design-tool {
1464
1410
  position: relative;
@@ -1504,27 +1450,21 @@ fieldset.amb-design-item-selected {
1504
1450
  position: relative;
1505
1451
  cursor: pointer;
1506
1452
  }
1507
- .el-scrollbar__view:has(.amb-design-board) {
1508
- padding: 0 15px;
1509
- height: 100%;
1510
- }
1511
1453
  .amb-design-board {
1512
- min-height: 100%;
1513
1454
  margin: 0 auto;
1455
+ margin-top: 12px;
1456
+ overflow-y: hidden;
1457
+ overflow-x: auto;
1514
1458
  background: #ffffff;
1515
1459
  border-radius: 2px 2px 2px 2px;
1516
1460
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
1517
1461
  padding-bottom: 100px;
1518
1462
  }
1519
- .amb-design-board .el-row > div {
1520
- width: 100%;
1521
- }
1522
1463
  .amb-item-ghost {
1523
- background-color: rgba(64, 158, 255, .1);
1464
+ background-color: #5893ef;
1465
+ height: 5px;
1466
+ line-height: 5px;
1524
1467
  overflow: hidden;
1525
- }
1526
- .amb-item-ghost > * {
1527
- opacity: 0;
1528
1468
  }
1529
1469
  /* 将你的自定义样式添加到这里 */
1530
1470
  .draggable-placeholder {
@@ -1732,23 +1672,24 @@ fieldset.amb-design-item-selected {
1732
1672
  }
1733
1673
  /* 用于占位 */
1734
1674
  .amb-widget-tools-parent {
1735
- width: 100%;
1675
+ width: 100%;
1676
+ min-height: 58px;
1677
+ margin-bottom: 18px;
1736
1678
  }
1737
1679
  .amb-widget-tools {
1738
1680
  display: flex;
1739
- flex-wrap: wrap;
1740
1681
  /* 垂直居中 */
1741
1682
  align-items: center;
1742
1683
  background: #fafafa;
1743
1684
  /* background:#FAFAFA; */
1744
1685
  /* background-color: var(--el-card-bg-color); */
1745
1686
  /* border:1px solid #e4e7ed; */
1687
+ height: 58px;
1746
1688
  border-radius: 4px;
1747
1689
  width: transparent;
1748
1690
  padding-left: 20px;
1749
1691
  padding-right: 20px;
1750
1692
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
1751
- min-height: 58px;
1752
1693
  /* --el-card-border-color: var(--el-border-color-light);
1753
1694
  --el-card-border-radius: 4px;
1754
1695
  --el-card-bg-color: var(--el-fill-color-blank);
@@ -1770,9 +1711,6 @@ fieldset.amb-design-item-selected {
1770
1711
  border: 1px solid #e6a23c !important;
1771
1712
  /* background-color: rgba(205, 210, 216, 0.105); */
1772
1713
  }
1773
- .amb-design-item-default > div {
1774
- width: 100%;
1775
- }
1776
1714
  .amb-design-attr-group-header > button {
1777
1715
  background: #f5f6f8;
1778
1716
  padding-left: 10px;
@@ -1883,7 +1821,8 @@ fieldset.amb-design-item-selected {
1883
1821
  color: var(--el-text-color-primary);
1884
1822
  overflow: hidden;
1885
1823
  transition: var(--el-transition-duration);
1886
- box-shadow: var(--el-box-shadow-light);
1824
+ box-shadow: var(--el-box-shadow-light);
1825
+ margin-bottom: 18px;
1887
1826
  }
1888
1827
  .amb-widget-chart-header {
1889
1828
  border-bottom: 1px solid var(--el-card-border-color);
@@ -1901,6 +1840,9 @@ fieldset.amb-design-item-selected {
1901
1840
  vertical-align: middle;
1902
1841
  justify-content: center;
1903
1842
  }
1843
+ .el-card {
1844
+ margin-bottom: 18px;
1845
+ }
1904
1846
  .el-collapse {
1905
1847
  margin-bottom: 18px;
1906
1848
  }
@@ -1925,6 +1867,9 @@ fieldset.amb-design-item-selected {
1925
1867
  }
1926
1868
  .el-button-group > .el-button {
1927
1869
  margin-right: 0px;
1870
+ }
1871
+ .el-form-item > .el-form-item__content {
1872
+ padding-right: 18px;
1928
1873
  }
1929
1874
  /* 设计时样式 */
1930
1875
  .amb-design-item > .el-dropdown > .el-button-group {
@@ -1957,8 +1902,7 @@ fieldset.amb-design-item-selected {
1957
1902
  line-height: 60px;
1958
1903
  background-color: #ffffff;
1959
1904
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
1960
- text-align: center;
1961
- border-bottom: 1px solid rgba(0, 0, 0, 0.05);
1905
+ text-align: center;
1962
1906
  }
1963
1907
  .amb-page-container-header-page {
1964
1908
  position: fixed;
@@ -1985,30 +1929,24 @@ fieldset.amb-design-item-selected {
1985
1929
  background: #5893ef;
1986
1930
  color: #ffffff;
1987
1931
  }
1988
- .amb-page-container-header ~ .amb-page-container-main {
1989
- height: calc(100vh - 60px);
1990
- }
1991
1932
  .amb-page-container-main {
1992
1933
  position: relative;
1993
1934
  overflow: auto;
1994
1935
  }
1995
- .amb-page-container-main > .el-container {
1996
- height: 100%;
1997
- }
1998
1936
  .amb-container-left {
1999
- width: 280px !important;
1937
+ padding-right: 20px;
2000
1938
  overflow-y: auto;
2001
1939
  }
2002
1940
  .amb-container-main {
2003
1941
  padding: 0px !important;
2004
- user-select: none;
2005
- overflow: hidden;
1942
+ user-select: none;
2006
1943
  }
2007
1944
  .amb-container-main::-webkit-scrollbar {
2008
1945
  width: 1px;
2009
1946
  }
2010
1947
  .amb-container-attr {
2011
- width: 280px !important;
1948
+ width: 300px;
1949
+ padding-left: 20px;
2012
1950
  }
2013
1951
  .amb-design-attr-base-content {
2014
1952
  background: #ffffff;
@@ -2041,20 +1979,21 @@ fieldset.amb-design-item-selected {
2041
1979
  }
2042
1980
  .amb-design-content {
2043
1981
  overflow: auto;
2044
- display: flex;
2045
- flex-direction: column;
1982
+ display: block;
2046
1983
  flex: none;
2047
1984
  position: relative;
2048
- width: 100%;
2049
- height: 100%;
1985
+ width: 100%;
2050
1986
  }
2051
1987
  .amb-design-content::-webkit-scrollbar {
2052
1988
  width: 1px;
2053
1989
  }
2054
1990
  .amb-design-content-center-header {
1991
+ position: sticky;
1992
+ z-index: 4;
1993
+ top: 0;
2055
1994
  height: 54px;
2056
1995
  background-color: #f7f8fa;
2057
- margin: 15px;
1996
+ padding-top: 14px;
2058
1997
  }
2059
1998
  .amb-design-tool {
2060
1999
  position: relative;
@@ -2100,27 +2039,21 @@ fieldset.amb-design-item-selected {
2100
2039
  position: relative;
2101
2040
  cursor: pointer;
2102
2041
  }
2103
- .el-scrollbar__view:has(.amb-design-board) {
2104
- padding: 0 15px;
2105
- height: 100%;
2106
- }
2107
2042
  .amb-design-board {
2108
- min-height: 100%;
2109
2043
  margin: 0 auto;
2044
+ margin-top: 12px;
2045
+ overflow-y: hidden;
2046
+ overflow-x: auto;
2110
2047
  background: #ffffff;
2111
2048
  border-radius: 2px 2px 2px 2px;
2112
2049
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
2113
2050
  padding-bottom: 100px;
2114
2051
  }
2115
- .amb-design-board .el-row > div {
2116
- width: 100%;
2117
- }
2118
2052
  .amb-item-ghost {
2119
- background-color: rgba(64, 158, 255, .1);
2053
+ background-color: #5893ef;
2054
+ height: 5px;
2055
+ line-height: 5px;
2120
2056
  overflow: hidden;
2121
- }
2122
- .amb-item-ghost > * {
2123
- opacity: 0;
2124
2057
  }
2125
2058
  /* 将你的自定义样式添加到这里 */
2126
2059
  .draggable-placeholder {
@@ -2328,23 +2261,24 @@ fieldset.amb-design-item-selected {
2328
2261
  }
2329
2262
  /* 用于占位 */
2330
2263
  .amb-widget-tools-parent {
2331
- width: 100%;
2264
+ width: 100%;
2265
+ min-height: 58px;
2266
+ margin-bottom: 18px;
2332
2267
  }
2333
2268
  .amb-widget-tools {
2334
2269
  display: flex;
2335
- flex-wrap: wrap;
2336
2270
  /* 垂直居中 */
2337
2271
  align-items: center;
2338
2272
  background: #fafafa;
2339
2273
  /* background:#FAFAFA; */
2340
2274
  /* background-color: var(--el-card-bg-color); */
2341
2275
  /* border:1px solid #e4e7ed; */
2276
+ height: 58px;
2342
2277
  border-radius: 4px;
2343
2278
  width: transparent;
2344
2279
  padding-left: 20px;
2345
2280
  padding-right: 20px;
2346
2281
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
2347
- min-height: 58px;
2348
2282
  /* --el-card-border-color: var(--el-border-color-light);
2349
2283
  --el-card-border-radius: 4px;
2350
2284
  --el-card-bg-color: var(--el-fill-color-blank);
@@ -2366,9 +2300,6 @@ fieldset.amb-design-item-selected {
2366
2300
  border: 1px solid #e6a23c !important;
2367
2301
  /* background-color: rgba(205, 210, 216, 0.105); */
2368
2302
  }
2369
- .amb-design-item-default > div {
2370
- width: 100%;
2371
- }
2372
2303
  .amb-design-attr-group-header > button {
2373
2304
  background: #f5f6f8;
2374
2305
  padding-left: 10px;
@@ -2479,7 +2410,8 @@ fieldset.amb-design-item-selected {
2479
2410
  color: var(--el-text-color-primary);
2480
2411
  overflow: hidden;
2481
2412
  transition: var(--el-transition-duration);
2482
- box-shadow: var(--el-box-shadow-light);
2413
+ box-shadow: var(--el-box-shadow-light);
2414
+ margin-bottom: 18px;
2483
2415
  }
2484
2416
  .amb-widget-chart-header {
2485
2417
  border-bottom: 1px solid var(--el-card-border-color);
@@ -2497,6 +2429,9 @@ fieldset.amb-design-item-selected {
2497
2429
  vertical-align: middle;
2498
2430
  justify-content: center;
2499
2431
  }
2432
+ .el-card {
2433
+ margin-bottom: 18px;
2434
+ }
2500
2435
  .el-collapse {
2501
2436
  margin-bottom: 18px;
2502
2437
  }
@@ -2521,6 +2456,9 @@ fieldset.amb-design-item-selected {
2521
2456
  }
2522
2457
  .el-button-group > .el-button {
2523
2458
  margin-right: 0px;
2459
+ }
2460
+ .el-form-item > .el-form-item__content {
2461
+ padding-right: 18px;
2524
2462
  }
2525
2463
  /* 设计时样式 */
2526
2464
  .amb-design-item > .el-dropdown > .el-button-group {
@@ -2553,8 +2491,7 @@ fieldset.amb-design-item-selected {
2553
2491
  line-height: 60px;
2554
2492
  background-color: #ffffff;
2555
2493
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
2556
- text-align: center;
2557
- border-bottom: 1px solid rgba(0, 0, 0, 0.05);
2494
+ text-align: center;
2558
2495
  }
2559
2496
  .amb-page-container-header-page {
2560
2497
  position: fixed;
@@ -2581,30 +2518,24 @@ fieldset.amb-design-item-selected {
2581
2518
  background: #5893ef;
2582
2519
  color: #ffffff;
2583
2520
  }
2584
- .amb-page-container-header ~ .amb-page-container-main {
2585
- height: calc(100vh - 60px);
2586
- }
2587
2521
  .amb-page-container-main {
2588
2522
  position: relative;
2589
2523
  overflow: auto;
2590
2524
  }
2591
- .amb-page-container-main > .el-container {
2592
- height: 100%;
2593
- }
2594
2525
  .amb-container-left {
2595
- width: 280px !important;
2526
+ padding-right: 20px;
2596
2527
  overflow-y: auto;
2597
2528
  }
2598
2529
  .amb-container-main {
2599
2530
  padding: 0px !important;
2600
- user-select: none;
2601
- overflow: hidden;
2531
+ user-select: none;
2602
2532
  }
2603
2533
  .amb-container-main::-webkit-scrollbar {
2604
2534
  width: 1px;
2605
2535
  }
2606
2536
  .amb-container-attr {
2607
- width: 280px !important;
2537
+ width: 300px;
2538
+ padding-left: 20px;
2608
2539
  }
2609
2540
  .amb-design-attr-base-content {
2610
2541
  background: #ffffff;
@@ -2637,20 +2568,21 @@ fieldset.amb-design-item-selected {
2637
2568
  }
2638
2569
  .amb-design-content {
2639
2570
  overflow: auto;
2640
- display: flex;
2641
- flex-direction: column;
2571
+ display: block;
2642
2572
  flex: none;
2643
2573
  position: relative;
2644
- width: 100%;
2645
- height: 100%;
2574
+ width: 100%;
2646
2575
  }
2647
2576
  .amb-design-content::-webkit-scrollbar {
2648
2577
  width: 1px;
2649
2578
  }
2650
2579
  .amb-design-content-center-header {
2580
+ position: sticky;
2581
+ z-index: 4;
2582
+ top: 0;
2651
2583
  height: 54px;
2652
2584
  background-color: #f7f8fa;
2653
- margin: 15px;
2585
+ padding-top: 14px;
2654
2586
  }
2655
2587
  .amb-design-tool {
2656
2588
  position: relative;
@@ -2696,27 +2628,21 @@ fieldset.amb-design-item-selected {
2696
2628
  position: relative;
2697
2629
  cursor: pointer;
2698
2630
  }
2699
- .el-scrollbar__view:has(.amb-design-board) {
2700
- padding: 0 15px;
2701
- height: 100%;
2702
- }
2703
2631
  .amb-design-board {
2704
- min-height: 100%;
2705
2632
  margin: 0 auto;
2633
+ margin-top: 12px;
2634
+ overflow-y: hidden;
2635
+ overflow-x: auto;
2706
2636
  background: #ffffff;
2707
2637
  border-radius: 2px 2px 2px 2px;
2708
2638
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
2709
2639
  padding-bottom: 100px;
2710
2640
  }
2711
- .amb-design-board .el-row > div {
2712
- width: 100%;
2713
- }
2714
2641
  .amb-item-ghost {
2715
- background-color: rgba(64, 158, 255, .1);
2642
+ background-color: #5893ef;
2643
+ height: 5px;
2644
+ line-height: 5px;
2716
2645
  overflow: hidden;
2717
- }
2718
- .amb-item-ghost > * {
2719
- opacity: 0;
2720
2646
  }
2721
2647
  /* 将你的自定义样式添加到这里 */
2722
2648
  .draggable-placeholder {
@@ -2924,23 +2850,24 @@ fieldset.amb-design-item-selected {
2924
2850
  }
2925
2851
  /* 用于占位 */
2926
2852
  .amb-widget-tools-parent {
2927
- width: 100%;
2853
+ width: 100%;
2854
+ min-height: 58px;
2855
+ margin-bottom: 18px;
2928
2856
  }
2929
2857
  .amb-widget-tools {
2930
2858
  display: flex;
2931
- flex-wrap: wrap;
2932
2859
  /* 垂直居中 */
2933
2860
  align-items: center;
2934
2861
  background: #fafafa;
2935
2862
  /* background:#FAFAFA; */
2936
2863
  /* background-color: var(--el-card-bg-color); */
2937
2864
  /* border:1px solid #e4e7ed; */
2865
+ height: 58px;
2938
2866
  border-radius: 4px;
2939
2867
  width: transparent;
2940
2868
  padding-left: 20px;
2941
2869
  padding-right: 20px;
2942
2870
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
2943
- min-height: 58px;
2944
2871
  /* --el-card-border-color: var(--el-border-color-light);
2945
2872
  --el-card-border-radius: 4px;
2946
2873
  --el-card-bg-color: var(--el-fill-color-blank);
@@ -2962,9 +2889,6 @@ fieldset.amb-design-item-selected {
2962
2889
  border: 1px solid #e6a23c !important;
2963
2890
  /* background-color: rgba(205, 210, 216, 0.105); */
2964
2891
  }
2965
- .amb-design-item-default > div {
2966
- width: 100%;
2967
- }
2968
2892
  .amb-design-attr-group-header > button {
2969
2893
  background: #f5f6f8;
2970
2894
  padding-left: 10px;
@@ -3075,7 +2999,8 @@ fieldset.amb-design-item-selected {
3075
2999
  color: var(--el-text-color-primary);
3076
3000
  overflow: hidden;
3077
3001
  transition: var(--el-transition-duration);
3078
- box-shadow: var(--el-box-shadow-light);
3002
+ box-shadow: var(--el-box-shadow-light);
3003
+ margin-bottom: 18px;
3079
3004
  }
3080
3005
  .amb-widget-chart-header {
3081
3006
  border-bottom: 1px solid var(--el-card-border-color);
@@ -3093,6 +3018,9 @@ fieldset.amb-design-item-selected {
3093
3018
  vertical-align: middle;
3094
3019
  justify-content: center;
3095
3020
  }
3021
+ .el-card {
3022
+ margin-bottom: 18px;
3023
+ }
3096
3024
  .el-collapse {
3097
3025
  margin-bottom: 18px;
3098
3026
  }
@@ -3117,6 +3045,9 @@ fieldset.amb-design-item-selected {
3117
3045
  }
3118
3046
  .el-button-group > .el-button {
3119
3047
  margin-right: 0px;
3048
+ }
3049
+ .el-form-item > .el-form-item__content {
3050
+ padding-right: 18px;
3120
3051
  }
3121
3052
  /* 设计时样式 */
3122
3053
  .amb-design-item > .el-dropdown > .el-button-group {
@@ -3149,8 +3080,7 @@ fieldset.amb-design-item-selected {
3149
3080
  line-height: 60px;
3150
3081
  background-color: #ffffff;
3151
3082
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
3152
- text-align: center;
3153
- border-bottom: 1px solid rgba(0, 0, 0, 0.05);
3083
+ text-align: center;
3154
3084
  }
3155
3085
  .amb-page-container-header-page {
3156
3086
  position: fixed;
@@ -3177,30 +3107,24 @@ fieldset.amb-design-item-selected {
3177
3107
  background: #5893ef;
3178
3108
  color: #ffffff;
3179
3109
  }
3180
- .amb-page-container-header ~ .amb-page-container-main {
3181
- height: calc(100vh - 60px);
3182
- }
3183
3110
  .amb-page-container-main {
3184
3111
  position: relative;
3185
3112
  overflow: auto;
3186
3113
  }
3187
- .amb-page-container-main > .el-container {
3188
- height: 100%;
3189
- }
3190
3114
  .amb-container-left {
3191
- width: 280px !important;
3115
+ padding-right: 20px;
3192
3116
  overflow-y: auto;
3193
3117
  }
3194
3118
  .amb-container-main {
3195
3119
  padding: 0px !important;
3196
- user-select: none;
3197
- overflow: hidden;
3120
+ user-select: none;
3198
3121
  }
3199
3122
  .amb-container-main::-webkit-scrollbar {
3200
3123
  width: 1px;
3201
3124
  }
3202
3125
  .amb-container-attr {
3203
- width: 280px !important;
3126
+ width: 300px;
3127
+ padding-left: 20px;
3204
3128
  }
3205
3129
  .amb-design-attr-base-content {
3206
3130
  background: #ffffff;
@@ -3233,20 +3157,21 @@ fieldset.amb-design-item-selected {
3233
3157
  }
3234
3158
  .amb-design-content {
3235
3159
  overflow: auto;
3236
- display: flex;
3237
- flex-direction: column;
3160
+ display: block;
3238
3161
  flex: none;
3239
3162
  position: relative;
3240
- width: 100%;
3241
- height: 100%;
3163
+ width: 100%;
3242
3164
  }
3243
3165
  .amb-design-content::-webkit-scrollbar {
3244
3166
  width: 1px;
3245
3167
  }
3246
3168
  .amb-design-content-center-header {
3169
+ position: sticky;
3170
+ z-index: 4;
3171
+ top: 0;
3247
3172
  height: 54px;
3248
3173
  background-color: #f7f8fa;
3249
- margin: 15px;
3174
+ padding-top: 14px;
3250
3175
  }
3251
3176
  .amb-design-tool {
3252
3177
  position: relative;
@@ -3292,27 +3217,21 @@ fieldset.amb-design-item-selected {
3292
3217
  position: relative;
3293
3218
  cursor: pointer;
3294
3219
  }
3295
- .el-scrollbar__view:has(.amb-design-board) {
3296
- padding: 0 15px;
3297
- height: 100%;
3298
- }
3299
3220
  .amb-design-board {
3300
- min-height: 100%;
3301
3221
  margin: 0 auto;
3222
+ margin-top: 12px;
3223
+ overflow-y: hidden;
3224
+ overflow-x: auto;
3302
3225
  background: #ffffff;
3303
3226
  border-radius: 2px 2px 2px 2px;
3304
3227
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
3305
3228
  padding-bottom: 100px;
3306
3229
  }
3307
- .amb-design-board .el-row > div {
3308
- width: 100%;
3309
- }
3310
3230
  .amb-item-ghost {
3311
- background-color: rgba(64, 158, 255, .1);
3231
+ background-color: #5893ef;
3232
+ height: 5px;
3233
+ line-height: 5px;
3312
3234
  overflow: hidden;
3313
- }
3314
- .amb-item-ghost > * {
3315
- opacity: 0;
3316
3235
  }
3317
3236
  /* 将你的自定义样式添加到这里 */
3318
3237
  .draggable-placeholder {
@@ -3520,23 +3439,24 @@ fieldset.amb-design-item-selected {
3520
3439
  }
3521
3440
  /* 用于占位 */
3522
3441
  .amb-widget-tools-parent {
3523
- width: 100%;
3442
+ width: 100%;
3443
+ min-height: 58px;
3444
+ margin-bottom: 18px;
3524
3445
  }
3525
3446
  .amb-widget-tools {
3526
3447
  display: flex;
3527
- flex-wrap: wrap;
3528
3448
  /* 垂直居中 */
3529
3449
  align-items: center;
3530
3450
  background: #fafafa;
3531
3451
  /* background:#FAFAFA; */
3532
3452
  /* background-color: var(--el-card-bg-color); */
3533
3453
  /* border:1px solid #e4e7ed; */
3454
+ height: 58px;
3534
3455
  border-radius: 4px;
3535
3456
  width: transparent;
3536
3457
  padding-left: 20px;
3537
3458
  padding-right: 20px;
3538
3459
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
3539
- min-height: 58px;
3540
3460
  /* --el-card-border-color: var(--el-border-color-light);
3541
3461
  --el-card-border-radius: 4px;
3542
3462
  --el-card-bg-color: var(--el-fill-color-blank);
@@ -3558,9 +3478,6 @@ fieldset.amb-design-item-selected {
3558
3478
  border: 1px solid #e6a23c !important;
3559
3479
  /* background-color: rgba(205, 210, 216, 0.105); */
3560
3480
  }
3561
- .amb-design-item-default > div {
3562
- width: 100%;
3563
- }
3564
3481
  .amb-design-attr-group-header > button {
3565
3482
  background: #f5f6f8;
3566
3483
  padding-left: 10px;
@@ -3671,7 +3588,8 @@ fieldset.amb-design-item-selected {
3671
3588
  color: var(--el-text-color-primary);
3672
3589
  overflow: hidden;
3673
3590
  transition: var(--el-transition-duration);
3674
- box-shadow: var(--el-box-shadow-light);
3591
+ box-shadow: var(--el-box-shadow-light);
3592
+ margin-bottom: 18px;
3675
3593
  }
3676
3594
  .amb-widget-chart-header {
3677
3595
  border-bottom: 1px solid var(--el-card-border-color);
@@ -3689,6 +3607,9 @@ fieldset.amb-design-item-selected {
3689
3607
  vertical-align: middle;
3690
3608
  justify-content: center;
3691
3609
  }
3610
+ .el-card {
3611
+ margin-bottom: 18px;
3612
+ }
3692
3613
  .el-collapse {
3693
3614
  margin-bottom: 18px;
3694
3615
  }
@@ -3713,6 +3634,9 @@ fieldset.amb-design-item-selected {
3713
3634
  }
3714
3635
  .el-button-group > .el-button {
3715
3636
  margin-right: 0px;
3637
+ }
3638
+ .el-form-item > .el-form-item__content {
3639
+ padding-right: 18px;
3716
3640
  }
3717
3641
  /* 设计时样式 */
3718
3642
  .amb-design-item > .el-dropdown > .el-button-group {
@@ -3745,8 +3669,7 @@ fieldset.amb-design-item-selected {
3745
3669
  line-height: 60px;
3746
3670
  background-color: #ffffff;
3747
3671
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
3748
- text-align: center;
3749
- border-bottom: 1px solid rgba(0, 0, 0, 0.05);
3672
+ text-align: center;
3750
3673
  }
3751
3674
  .amb-page-container-header-page {
3752
3675
  position: fixed;
@@ -3773,30 +3696,24 @@ fieldset.amb-design-item-selected {
3773
3696
  background: #5893ef;
3774
3697
  color: #ffffff;
3775
3698
  }
3776
- .amb-page-container-header ~ .amb-page-container-main {
3777
- height: calc(100vh - 60px);
3778
- }
3779
3699
  .amb-page-container-main {
3780
3700
  position: relative;
3781
3701
  overflow: auto;
3782
3702
  }
3783
- .amb-page-container-main > .el-container {
3784
- height: 100%;
3785
- }
3786
3703
  .amb-container-left {
3787
- width: 280px !important;
3704
+ padding-right: 20px;
3788
3705
  overflow-y: auto;
3789
3706
  }
3790
3707
  .amb-container-main {
3791
3708
  padding: 0px !important;
3792
- user-select: none;
3793
- overflow: hidden;
3709
+ user-select: none;
3794
3710
  }
3795
3711
  .amb-container-main::-webkit-scrollbar {
3796
3712
  width: 1px;
3797
3713
  }
3798
3714
  .amb-container-attr {
3799
- width: 280px !important;
3715
+ width: 300px;
3716
+ padding-left: 20px;
3800
3717
  }
3801
3718
  .amb-design-attr-base-content {
3802
3719
  background: #ffffff;
@@ -3829,20 +3746,21 @@ fieldset.amb-design-item-selected {
3829
3746
  }
3830
3747
  .amb-design-content {
3831
3748
  overflow: auto;
3832
- display: flex;
3833
- flex-direction: column;
3749
+ display: block;
3834
3750
  flex: none;
3835
3751
  position: relative;
3836
- width: 100%;
3837
- height: 100%;
3752
+ width: 100%;
3838
3753
  }
3839
3754
  .amb-design-content::-webkit-scrollbar {
3840
3755
  width: 1px;
3841
3756
  }
3842
3757
  .amb-design-content-center-header {
3758
+ position: sticky;
3759
+ z-index: 4;
3760
+ top: 0;
3843
3761
  height: 54px;
3844
3762
  background-color: #f7f8fa;
3845
- margin: 15px;
3763
+ padding-top: 14px;
3846
3764
  }
3847
3765
  .amb-design-tool {
3848
3766
  position: relative;
@@ -3888,27 +3806,21 @@ fieldset.amb-design-item-selected {
3888
3806
  position: relative;
3889
3807
  cursor: pointer;
3890
3808
  }
3891
- .el-scrollbar__view:has(.amb-design-board) {
3892
- padding: 0 15px;
3893
- height: 100%;
3894
- }
3895
3809
  .amb-design-board {
3896
- min-height: 100%;
3897
3810
  margin: 0 auto;
3811
+ margin-top: 12px;
3812
+ overflow-y: hidden;
3813
+ overflow-x: auto;
3898
3814
  background: #ffffff;
3899
3815
  border-radius: 2px 2px 2px 2px;
3900
3816
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
3901
3817
  padding-bottom: 100px;
3902
3818
  }
3903
- .amb-design-board .el-row > div {
3904
- width: 100%;
3905
- }
3906
3819
  .amb-item-ghost {
3907
- background-color: rgba(64, 158, 255, .1);
3820
+ background-color: #5893ef;
3821
+ height: 5px;
3822
+ line-height: 5px;
3908
3823
  overflow: hidden;
3909
- }
3910
- .amb-item-ghost > * {
3911
- opacity: 0;
3912
3824
  }
3913
3825
  /* 将你的自定义样式添加到这里 */
3914
3826
  .draggable-placeholder {
@@ -4116,23 +4028,24 @@ fieldset.amb-design-item-selected {
4116
4028
  }
4117
4029
  /* 用于占位 */
4118
4030
  .amb-widget-tools-parent {
4119
- width: 100%;
4031
+ width: 100%;
4032
+ min-height: 58px;
4033
+ margin-bottom: 18px;
4120
4034
  }
4121
4035
  .amb-widget-tools {
4122
4036
  display: flex;
4123
- flex-wrap: wrap;
4124
4037
  /* 垂直居中 */
4125
4038
  align-items: center;
4126
4039
  background: #fafafa;
4127
4040
  /* background:#FAFAFA; */
4128
4041
  /* background-color: var(--el-card-bg-color); */
4129
4042
  /* border:1px solid #e4e7ed; */
4043
+ height: 58px;
4130
4044
  border-radius: 4px;
4131
4045
  width: transparent;
4132
4046
  padding-left: 20px;
4133
4047
  padding-right: 20px;
4134
4048
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
4135
- min-height: 58px;
4136
4049
  /* --el-card-border-color: var(--el-border-color-light);
4137
4050
  --el-card-border-radius: 4px;
4138
4051
  --el-card-bg-color: var(--el-fill-color-blank);
@@ -4154,9 +4067,6 @@ fieldset.amb-design-item-selected {
4154
4067
  border: 1px solid #e6a23c !important;
4155
4068
  /* background-color: rgba(205, 210, 216, 0.105); */
4156
4069
  }
4157
- .amb-design-item-default > div {
4158
- width: 100%;
4159
- }
4160
4070
  .amb-design-attr-group-header > button {
4161
4071
  background: #f5f6f8;
4162
4072
  padding-left: 10px;
@@ -4267,7 +4177,8 @@ fieldset.amb-design-item-selected {
4267
4177
  color: var(--el-text-color-primary);
4268
4178
  overflow: hidden;
4269
4179
  transition: var(--el-transition-duration);
4270
- box-shadow: var(--el-box-shadow-light);
4180
+ box-shadow: var(--el-box-shadow-light);
4181
+ margin-bottom: 18px;
4271
4182
  }
4272
4183
  .amb-widget-chart-header {
4273
4184
  border-bottom: 1px solid var(--el-card-border-color);
@@ -4285,6 +4196,9 @@ fieldset.amb-design-item-selected {
4285
4196
  vertical-align: middle;
4286
4197
  justify-content: center;
4287
4198
  }
4199
+ .el-card {
4200
+ margin-bottom: 18px;
4201
+ }
4288
4202
  .el-collapse {
4289
4203
  margin-bottom: 18px;
4290
4204
  }
@@ -4309,6 +4223,9 @@ fieldset.amb-design-item-selected {
4309
4223
  }
4310
4224
  .el-button-group > .el-button {
4311
4225
  margin-right: 0px;
4226
+ }
4227
+ .el-form-item > .el-form-item__content {
4228
+ padding-right: 18px;
4312
4229
  }
4313
4230
  /* 设计时样式 */
4314
4231
  .amb-design-item > .el-dropdown > .el-button-group {
@@ -4341,8 +4258,7 @@ fieldset.amb-design-item-selected {
4341
4258
  line-height: 60px;
4342
4259
  background-color: #ffffff;
4343
4260
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
4344
- text-align: center;
4345
- border-bottom: 1px solid rgba(0, 0, 0, 0.05);
4261
+ text-align: center;
4346
4262
  }
4347
4263
  .amb-page-container-header-page {
4348
4264
  position: fixed;
@@ -4369,30 +4285,24 @@ fieldset.amb-design-item-selected {
4369
4285
  background: #5893ef;
4370
4286
  color: #ffffff;
4371
4287
  }
4372
- .amb-page-container-header ~ .amb-page-container-main {
4373
- height: calc(100vh - 60px);
4374
- }
4375
4288
  .amb-page-container-main {
4376
4289
  position: relative;
4377
4290
  overflow: auto;
4378
4291
  }
4379
- .amb-page-container-main > .el-container {
4380
- height: 100%;
4381
- }
4382
4292
  .amb-container-left {
4383
- width: 280px !important;
4293
+ padding-right: 20px;
4384
4294
  overflow-y: auto;
4385
4295
  }
4386
4296
  .amb-container-main {
4387
4297
  padding: 0px !important;
4388
- user-select: none;
4389
- overflow: hidden;
4298
+ user-select: none;
4390
4299
  }
4391
4300
  .amb-container-main::-webkit-scrollbar {
4392
4301
  width: 1px;
4393
4302
  }
4394
4303
  .amb-container-attr {
4395
- width: 280px !important;
4304
+ width: 300px;
4305
+ padding-left: 20px;
4396
4306
  }
4397
4307
  .amb-design-attr-base-content {
4398
4308
  background: #ffffff;
@@ -4425,20 +4335,21 @@ fieldset.amb-design-item-selected {
4425
4335
  }
4426
4336
  .amb-design-content {
4427
4337
  overflow: auto;
4428
- display: flex;
4429
- flex-direction: column;
4338
+ display: block;
4430
4339
  flex: none;
4431
4340
  position: relative;
4432
- width: 100%;
4433
- height: 100%;
4341
+ width: 100%;
4434
4342
  }
4435
4343
  .amb-design-content::-webkit-scrollbar {
4436
4344
  width: 1px;
4437
4345
  }
4438
4346
  .amb-design-content-center-header {
4347
+ position: sticky;
4348
+ z-index: 4;
4349
+ top: 0;
4439
4350
  height: 54px;
4440
4351
  background-color: #f7f8fa;
4441
- margin: 15px;
4352
+ padding-top: 14px;
4442
4353
  }
4443
4354
  .amb-design-tool {
4444
4355
  position: relative;
@@ -4484,27 +4395,21 @@ fieldset.amb-design-item-selected {
4484
4395
  position: relative;
4485
4396
  cursor: pointer;
4486
4397
  }
4487
- .el-scrollbar__view:has(.amb-design-board) {
4488
- padding: 0 15px;
4489
- height: 100%;
4490
- }
4491
4398
  .amb-design-board {
4492
- min-height: 100%;
4493
4399
  margin: 0 auto;
4400
+ margin-top: 12px;
4401
+ overflow-y: hidden;
4402
+ overflow-x: auto;
4494
4403
  background: #ffffff;
4495
4404
  border-radius: 2px 2px 2px 2px;
4496
4405
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
4497
4406
  padding-bottom: 100px;
4498
4407
  }
4499
- .amb-design-board .el-row > div {
4500
- width: 100%;
4501
- }
4502
4408
  .amb-item-ghost {
4503
- background-color: rgba(64, 158, 255, .1);
4409
+ background-color: #5893ef;
4410
+ height: 5px;
4411
+ line-height: 5px;
4504
4412
  overflow: hidden;
4505
- }
4506
- .amb-item-ghost > * {
4507
- opacity: 0;
4508
4413
  }
4509
4414
  /* 将你的自定义样式添加到这里 */
4510
4415
  .draggable-placeholder {
@@ -4712,23 +4617,24 @@ fieldset.amb-design-item-selected {
4712
4617
  }
4713
4618
  /* 用于占位 */
4714
4619
  .amb-widget-tools-parent {
4715
- width: 100%;
4620
+ width: 100%;
4621
+ min-height: 58px;
4622
+ margin-bottom: 18px;
4716
4623
  }
4717
4624
  .amb-widget-tools {
4718
4625
  display: flex;
4719
- flex-wrap: wrap;
4720
4626
  /* 垂直居中 */
4721
4627
  align-items: center;
4722
4628
  background: #fafafa;
4723
4629
  /* background:#FAFAFA; */
4724
4630
  /* background-color: var(--el-card-bg-color); */
4725
4631
  /* border:1px solid #e4e7ed; */
4632
+ height: 58px;
4726
4633
  border-radius: 4px;
4727
4634
  width: transparent;
4728
4635
  padding-left: 20px;
4729
4636
  padding-right: 20px;
4730
4637
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
4731
- min-height: 58px;
4732
4638
  /* --el-card-border-color: var(--el-border-color-light);
4733
4639
  --el-card-border-radius: 4px;
4734
4640
  --el-card-bg-color: var(--el-fill-color-blank);
@@ -4750,9 +4656,6 @@ fieldset.amb-design-item-selected {
4750
4656
  border: 1px solid #e6a23c !important;
4751
4657
  /* background-color: rgba(205, 210, 216, 0.105); */
4752
4658
  }
4753
- .amb-design-item-default > div {
4754
- width: 100%;
4755
- }
4756
4659
  .amb-design-attr-group-header > button {
4757
4660
  background: #f5f6f8;
4758
4661
  padding-left: 10px;
@@ -4863,7 +4766,8 @@ fieldset.amb-design-item-selected {
4863
4766
  color: var(--el-text-color-primary);
4864
4767
  overflow: hidden;
4865
4768
  transition: var(--el-transition-duration);
4866
- box-shadow: var(--el-box-shadow-light);
4769
+ box-shadow: var(--el-box-shadow-light);
4770
+ margin-bottom: 18px;
4867
4771
  }
4868
4772
  .amb-widget-chart-header {
4869
4773
  border-bottom: 1px solid var(--el-card-border-color);
@@ -4881,6 +4785,9 @@ fieldset.amb-design-item-selected {
4881
4785
  vertical-align: middle;
4882
4786
  justify-content: center;
4883
4787
  }
4788
+ .el-card {
4789
+ margin-bottom: 18px;
4790
+ }
4884
4791
  .el-collapse {
4885
4792
  margin-bottom: 18px;
4886
4793
  }
@@ -4905,6 +4812,9 @@ fieldset.amb-design-item-selected {
4905
4812
  }
4906
4813
  .el-button-group > .el-button {
4907
4814
  margin-right: 0px;
4815
+ }
4816
+ .el-form-item > .el-form-item__content {
4817
+ padding-right: 18px;
4908
4818
  }
4909
4819
  /* 设计时样式 */
4910
4820
  .amb-design-item > .el-dropdown > .el-button-group {
@@ -4941,8 +4851,7 @@ fieldset.amb-design-item-selected {
4941
4851
  line-height: 60px;
4942
4852
  background-color: #ffffff;
4943
4853
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
4944
- text-align: center;
4945
- border-bottom: 1px solid rgba(0, 0, 0, 0.05);
4854
+ text-align: center;
4946
4855
  }
4947
4856
  .amb-page-container-header-page {
4948
4857
  position: fixed;
@@ -4969,30 +4878,24 @@ fieldset.amb-design-item-selected {
4969
4878
  background: #5893ef;
4970
4879
  color: #ffffff;
4971
4880
  }
4972
- .amb-page-container-header ~ .amb-page-container-main {
4973
- height: calc(100vh - 60px);
4974
- }
4975
4881
  .amb-page-container-main {
4976
4882
  position: relative;
4977
4883
  overflow: auto;
4978
4884
  }
4979
- .amb-page-container-main > .el-container {
4980
- height: 100%;
4981
- }
4982
4885
  .amb-container-left {
4983
- width: 280px !important;
4886
+ padding-right: 20px;
4984
4887
  overflow-y: auto;
4985
4888
  }
4986
4889
  .amb-container-main {
4987
4890
  padding: 0px !important;
4988
- user-select: none;
4989
- overflow: hidden;
4891
+ user-select: none;
4990
4892
  }
4991
4893
  .amb-container-main::-webkit-scrollbar {
4992
4894
  width: 1px;
4993
4895
  }
4994
4896
  .amb-container-attr {
4995
- width: 280px !important;
4897
+ width: 300px;
4898
+ padding-left: 20px;
4996
4899
  }
4997
4900
  .amb-design-attr-base-content {
4998
4901
  background: #ffffff;
@@ -5025,20 +4928,21 @@ fieldset.amb-design-item-selected {
5025
4928
  }
5026
4929
  .amb-design-content {
5027
4930
  overflow: auto;
5028
- display: flex;
5029
- flex-direction: column;
4931
+ display: block;
5030
4932
  flex: none;
5031
4933
  position: relative;
5032
- width: 100%;
5033
- height: 100%;
4934
+ width: 100%;
5034
4935
  }
5035
4936
  .amb-design-content::-webkit-scrollbar {
5036
4937
  width: 1px;
5037
4938
  }
5038
4939
  .amb-design-content-center-header {
4940
+ position: sticky;
4941
+ z-index: 4;
4942
+ top: 0;
5039
4943
  height: 54px;
5040
4944
  background-color: #f7f8fa;
5041
- margin: 15px;
4945
+ padding-top: 14px;
5042
4946
  }
5043
4947
  .amb-design-tool {
5044
4948
  position: relative;
@@ -5084,27 +4988,21 @@ fieldset.amb-design-item-selected {
5084
4988
  position: relative;
5085
4989
  cursor: pointer;
5086
4990
  }
5087
- .el-scrollbar__view:has(.amb-design-board) {
5088
- padding: 0 15px;
5089
- height: 100%;
5090
- }
5091
4991
  .amb-design-board {
5092
- min-height: 100%;
5093
4992
  margin: 0 auto;
4993
+ margin-top: 12px;
4994
+ overflow-y: hidden;
4995
+ overflow-x: auto;
5094
4996
  background: #ffffff;
5095
4997
  border-radius: 2px 2px 2px 2px;
5096
4998
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
5097
4999
  padding-bottom: 100px;
5098
5000
  }
5099
- .amb-design-board .el-row > div {
5100
- width: 100%;
5101
- }
5102
5001
  .amb-item-ghost {
5103
- background-color: rgba(64, 158, 255, .1);
5002
+ background-color: #5893ef;
5003
+ height: 5px;
5004
+ line-height: 5px;
5104
5005
  overflow: hidden;
5105
- }
5106
- .amb-item-ghost > * {
5107
- opacity: 0;
5108
5006
  }
5109
5007
  /* 将你的自定义样式添加到这里 */
5110
5008
  .draggable-placeholder {
@@ -5312,23 +5210,24 @@ fieldset.amb-design-item-selected {
5312
5210
  }
5313
5211
  /* 用于占位 */
5314
5212
  .amb-widget-tools-parent {
5315
- width: 100%;
5213
+ width: 100%;
5214
+ min-height: 58px;
5215
+ margin-bottom: 18px;
5316
5216
  }
5317
5217
  .amb-widget-tools {
5318
5218
  display: flex;
5319
- flex-wrap: wrap;
5320
5219
  /* 垂直居中 */
5321
5220
  align-items: center;
5322
5221
  background: #fafafa;
5323
5222
  /* background:#FAFAFA; */
5324
5223
  /* background-color: var(--el-card-bg-color); */
5325
5224
  /* border:1px solid #e4e7ed; */
5225
+ height: 58px;
5326
5226
  border-radius: 4px;
5327
5227
  width: transparent;
5328
5228
  padding-left: 20px;
5329
5229
  padding-right: 20px;
5330
5230
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
5331
- min-height: 58px;
5332
5231
  /* --el-card-border-color: var(--el-border-color-light);
5333
5232
  --el-card-border-radius: 4px;
5334
5233
  --el-card-bg-color: var(--el-fill-color-blank);
@@ -5350,9 +5249,6 @@ fieldset.amb-design-item-selected {
5350
5249
  border: 1px solid #e6a23c !important;
5351
5250
  /* background-color: rgba(205, 210, 216, 0.105); */
5352
5251
  }
5353
- .amb-design-item-default > div {
5354
- width: 100%;
5355
- }
5356
5252
  .amb-design-attr-group-header > button {
5357
5253
  background: #f5f6f8;
5358
5254
  padding-left: 10px;
@@ -5463,7 +5359,8 @@ fieldset.amb-design-item-selected {
5463
5359
  color: var(--el-text-color-primary);
5464
5360
  overflow: hidden;
5465
5361
  transition: var(--el-transition-duration);
5466
- box-shadow: var(--el-box-shadow-light);
5362
+ box-shadow: var(--el-box-shadow-light);
5363
+ margin-bottom: 18px;
5467
5364
  }
5468
5365
  .amb-widget-chart-header {
5469
5366
  border-bottom: 1px solid var(--el-card-border-color);
@@ -5481,6 +5378,9 @@ fieldset.amb-design-item-selected {
5481
5378
  vertical-align: middle;
5482
5379
  justify-content: center;
5483
5380
  }
5381
+ .el-card {
5382
+ margin-bottom: 18px;
5383
+ }
5484
5384
  .el-collapse {
5485
5385
  margin-bottom: 18px;
5486
5386
  }
@@ -5505,6 +5405,9 @@ fieldset.amb-design-item-selected {
5505
5405
  }
5506
5406
  .el-button-group > .el-button {
5507
5407
  margin-right: 0px;
5408
+ }
5409
+ .el-form-item > .el-form-item__content {
5410
+ padding-right: 18px;
5508
5411
  }
5509
5412
  /* 设计时样式 */
5510
5413
  .amb-design-item > .el-dropdown > .el-button-group {
@@ -5537,8 +5440,7 @@ fieldset.amb-design-item-selected {
5537
5440
  line-height: 60px;
5538
5441
  background-color: #ffffff;
5539
5442
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
5540
- text-align: center;
5541
- border-bottom: 1px solid rgba(0, 0, 0, 0.05);
5443
+ text-align: center;
5542
5444
  }
5543
5445
  .amb-page-container-header-page {
5544
5446
  position: fixed;
@@ -5565,30 +5467,24 @@ fieldset.amb-design-item-selected {
5565
5467
  background: #5893ef;
5566
5468
  color: #ffffff;
5567
5469
  }
5568
- .amb-page-container-header ~ .amb-page-container-main {
5569
- height: calc(100vh - 60px);
5570
- }
5571
5470
  .amb-page-container-main {
5572
5471
  position: relative;
5573
5472
  overflow: auto;
5574
5473
  }
5575
- .amb-page-container-main > .el-container {
5576
- height: 100%;
5577
- }
5578
5474
  .amb-container-left {
5579
- width: 280px !important;
5475
+ padding-right: 20px;
5580
5476
  overflow-y: auto;
5581
5477
  }
5582
5478
  .amb-container-main {
5583
5479
  padding: 0px !important;
5584
- user-select: none;
5585
- overflow: hidden;
5480
+ user-select: none;
5586
5481
  }
5587
5482
  .amb-container-main::-webkit-scrollbar {
5588
5483
  width: 1px;
5589
5484
  }
5590
5485
  .amb-container-attr {
5591
- width: 280px !important;
5486
+ width: 300px;
5487
+ padding-left: 20px;
5592
5488
  }
5593
5489
  .amb-design-attr-base-content {
5594
5490
  background: #ffffff;
@@ -5621,20 +5517,21 @@ fieldset.amb-design-item-selected {
5621
5517
  }
5622
5518
  .amb-design-content {
5623
5519
  overflow: auto;
5624
- display: flex;
5625
- flex-direction: column;
5520
+ display: block;
5626
5521
  flex: none;
5627
5522
  position: relative;
5628
- width: 100%;
5629
- height: 100%;
5523
+ width: 100%;
5630
5524
  }
5631
5525
  .amb-design-content::-webkit-scrollbar {
5632
5526
  width: 1px;
5633
5527
  }
5634
5528
  .amb-design-content-center-header {
5529
+ position: sticky;
5530
+ z-index: 4;
5531
+ top: 0;
5635
5532
  height: 54px;
5636
5533
  background-color: #f7f8fa;
5637
- margin: 15px;
5534
+ padding-top: 14px;
5638
5535
  }
5639
5536
  .amb-design-tool {
5640
5537
  position: relative;
@@ -5680,27 +5577,21 @@ fieldset.amb-design-item-selected {
5680
5577
  position: relative;
5681
5578
  cursor: pointer;
5682
5579
  }
5683
- .el-scrollbar__view:has(.amb-design-board) {
5684
- padding: 0 15px;
5685
- height: 100%;
5686
- }
5687
5580
  .amb-design-board {
5688
- min-height: 100%;
5689
5581
  margin: 0 auto;
5582
+ margin-top: 12px;
5583
+ overflow-y: hidden;
5584
+ overflow-x: auto;
5690
5585
  background: #ffffff;
5691
5586
  border-radius: 2px 2px 2px 2px;
5692
5587
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
5693
5588
  padding-bottom: 100px;
5694
5589
  }
5695
- .amb-design-board .el-row > div {
5696
- width: 100%;
5697
- }
5698
5590
  .amb-item-ghost {
5699
- background-color: rgba(64, 158, 255, .1);
5591
+ background-color: #5893ef;
5592
+ height: 5px;
5593
+ line-height: 5px;
5700
5594
  overflow: hidden;
5701
- }
5702
- .amb-item-ghost > * {
5703
- opacity: 0;
5704
5595
  }
5705
5596
  /* 将你的自定义样式添加到这里 */
5706
5597
  .draggable-placeholder {
@@ -5908,23 +5799,24 @@ fieldset.amb-design-item-selected {
5908
5799
  }
5909
5800
  /* 用于占位 */
5910
5801
  .amb-widget-tools-parent {
5911
- width: 100%;
5802
+ width: 100%;
5803
+ min-height: 58px;
5804
+ margin-bottom: 18px;
5912
5805
  }
5913
5806
  .amb-widget-tools {
5914
5807
  display: flex;
5915
- flex-wrap: wrap;
5916
5808
  /* 垂直居中 */
5917
5809
  align-items: center;
5918
5810
  background: #fafafa;
5919
5811
  /* background:#FAFAFA; */
5920
5812
  /* background-color: var(--el-card-bg-color); */
5921
5813
  /* border:1px solid #e4e7ed; */
5814
+ height: 58px;
5922
5815
  border-radius: 4px;
5923
5816
  width: transparent;
5924
5817
  padding-left: 20px;
5925
5818
  padding-right: 20px;
5926
5819
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
5927
- min-height: 58px;
5928
5820
  /* --el-card-border-color: var(--el-border-color-light);
5929
5821
  --el-card-border-radius: 4px;
5930
5822
  --el-card-bg-color: var(--el-fill-color-blank);
@@ -5946,9 +5838,6 @@ fieldset.amb-design-item-selected {
5946
5838
  border: 1px solid #e6a23c !important;
5947
5839
  /* background-color: rgba(205, 210, 216, 0.105); */
5948
5840
  }
5949
- .amb-design-item-default > div {
5950
- width: 100%;
5951
- }
5952
5841
  .amb-design-attr-group-header > button {
5953
5842
  background: #f5f6f8;
5954
5843
  padding-left: 10px;
@@ -6059,7 +5948,8 @@ fieldset.amb-design-item-selected {
6059
5948
  color: var(--el-text-color-primary);
6060
5949
  overflow: hidden;
6061
5950
  transition: var(--el-transition-duration);
6062
- box-shadow: var(--el-box-shadow-light);
5951
+ box-shadow: var(--el-box-shadow-light);
5952
+ margin-bottom: 18px;
6063
5953
  }
6064
5954
  .amb-widget-chart-header {
6065
5955
  border-bottom: 1px solid var(--el-card-border-color);
@@ -6077,6 +5967,9 @@ fieldset.amb-design-item-selected {
6077
5967
  vertical-align: middle;
6078
5968
  justify-content: center;
6079
5969
  }
5970
+ .el-card {
5971
+ margin-bottom: 18px;
5972
+ }
6080
5973
  .el-collapse {
6081
5974
  margin-bottom: 18px;
6082
5975
  }
@@ -6101,6 +5994,9 @@ fieldset.amb-design-item-selected {
6101
5994
  }
6102
5995
  .el-button-group > .el-button {
6103
5996
  margin-right: 0px;
5997
+ }
5998
+ .el-form-item > .el-form-item__content {
5999
+ padding-right: 18px;
6104
6000
  }
6105
6001
  /* 设计时样式 */
6106
6002
  .amb-design-item > .el-dropdown > .el-button-group {
@@ -6133,8 +6029,7 @@ fieldset.amb-design-item-selected {
6133
6029
  line-height: 60px;
6134
6030
  background-color: #ffffff;
6135
6031
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
6136
- text-align: center;
6137
- border-bottom: 1px solid rgba(0, 0, 0, 0.05);
6032
+ text-align: center;
6138
6033
  }
6139
6034
  .amb-page-container-header-page {
6140
6035
  position: fixed;
@@ -6161,30 +6056,24 @@ fieldset.amb-design-item-selected {
6161
6056
  background: #5893ef;
6162
6057
  color: #ffffff;
6163
6058
  }
6164
- .amb-page-container-header ~ .amb-page-container-main {
6165
- height: calc(100vh - 60px);
6166
- }
6167
6059
  .amb-page-container-main {
6168
6060
  position: relative;
6169
6061
  overflow: auto;
6170
6062
  }
6171
- .amb-page-container-main > .el-container {
6172
- height: 100%;
6173
- }
6174
6063
  .amb-container-left {
6175
- width: 280px !important;
6064
+ padding-right: 20px;
6176
6065
  overflow-y: auto;
6177
6066
  }
6178
6067
  .amb-container-main {
6179
6068
  padding: 0px !important;
6180
- user-select: none;
6181
- overflow: hidden;
6069
+ user-select: none;
6182
6070
  }
6183
6071
  .amb-container-main::-webkit-scrollbar {
6184
6072
  width: 1px;
6185
6073
  }
6186
6074
  .amb-container-attr {
6187
- width: 280px !important;
6075
+ width: 300px;
6076
+ padding-left: 20px;
6188
6077
  }
6189
6078
  .amb-design-attr-base-content {
6190
6079
  background: #ffffff;
@@ -6217,20 +6106,21 @@ fieldset.amb-design-item-selected {
6217
6106
  }
6218
6107
  .amb-design-content {
6219
6108
  overflow: auto;
6220
- display: flex;
6221
- flex-direction: column;
6109
+ display: block;
6222
6110
  flex: none;
6223
6111
  position: relative;
6224
- width: 100%;
6225
- height: 100%;
6112
+ width: 100%;
6226
6113
  }
6227
6114
  .amb-design-content::-webkit-scrollbar {
6228
6115
  width: 1px;
6229
6116
  }
6230
6117
  .amb-design-content-center-header {
6118
+ position: sticky;
6119
+ z-index: 4;
6120
+ top: 0;
6231
6121
  height: 54px;
6232
6122
  background-color: #f7f8fa;
6233
- margin: 15px;
6123
+ padding-top: 14px;
6234
6124
  }
6235
6125
  .amb-design-tool {
6236
6126
  position: relative;
@@ -6276,27 +6166,21 @@ fieldset.amb-design-item-selected {
6276
6166
  position: relative;
6277
6167
  cursor: pointer;
6278
6168
  }
6279
- .el-scrollbar__view:has(.amb-design-board) {
6280
- padding: 0 15px;
6281
- height: 100%;
6282
- }
6283
6169
  .amb-design-board {
6284
- min-height: 100%;
6285
6170
  margin: 0 auto;
6171
+ margin-top: 12px;
6172
+ overflow-y: hidden;
6173
+ overflow-x: auto;
6286
6174
  background: #ffffff;
6287
6175
  border-radius: 2px 2px 2px 2px;
6288
6176
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
6289
6177
  padding-bottom: 100px;
6290
6178
  }
6291
- .amb-design-board .el-row > div {
6292
- width: 100%;
6293
- }
6294
6179
  .amb-item-ghost {
6295
- background-color: rgba(64, 158, 255, .1);
6180
+ background-color: #5893ef;
6181
+ height: 5px;
6182
+ line-height: 5px;
6296
6183
  overflow: hidden;
6297
- }
6298
- .amb-item-ghost > * {
6299
- opacity: 0;
6300
6184
  }
6301
6185
  /* 将你的自定义样式添加到这里 */
6302
6186
  .draggable-placeholder {
@@ -6504,23 +6388,24 @@ fieldset.amb-design-item-selected {
6504
6388
  }
6505
6389
  /* 用于占位 */
6506
6390
  .amb-widget-tools-parent {
6507
- width: 100%;
6391
+ width: 100%;
6392
+ min-height: 58px;
6393
+ margin-bottom: 18px;
6508
6394
  }
6509
6395
  .amb-widget-tools {
6510
6396
  display: flex;
6511
- flex-wrap: wrap;
6512
6397
  /* 垂直居中 */
6513
6398
  align-items: center;
6514
6399
  background: #fafafa;
6515
6400
  /* background:#FAFAFA; */
6516
6401
  /* background-color: var(--el-card-bg-color); */
6517
6402
  /* border:1px solid #e4e7ed; */
6403
+ height: 58px;
6518
6404
  border-radius: 4px;
6519
6405
  width: transparent;
6520
6406
  padding-left: 20px;
6521
6407
  padding-right: 20px;
6522
6408
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
6523
- min-height: 58px;
6524
6409
  /* --el-card-border-color: var(--el-border-color-light);
6525
6410
  --el-card-border-radius: 4px;
6526
6411
  --el-card-bg-color: var(--el-fill-color-blank);
@@ -6542,9 +6427,6 @@ fieldset.amb-design-item-selected {
6542
6427
  border: 1px solid #e6a23c !important;
6543
6428
  /* background-color: rgba(205, 210, 216, 0.105); */
6544
6429
  }
6545
- .amb-design-item-default > div {
6546
- width: 100%;
6547
- }
6548
6430
  .amb-design-attr-group-header > button {
6549
6431
  background: #f5f6f8;
6550
6432
  padding-left: 10px;
@@ -6655,7 +6537,8 @@ fieldset.amb-design-item-selected {
6655
6537
  color: var(--el-text-color-primary);
6656
6538
  overflow: hidden;
6657
6539
  transition: var(--el-transition-duration);
6658
- box-shadow: var(--el-box-shadow-light);
6540
+ box-shadow: var(--el-box-shadow-light);
6541
+ margin-bottom: 18px;
6659
6542
  }
6660
6543
  .amb-widget-chart-header {
6661
6544
  border-bottom: 1px solid var(--el-card-border-color);
@@ -6673,6 +6556,9 @@ fieldset.amb-design-item-selected {
6673
6556
  vertical-align: middle;
6674
6557
  justify-content: center;
6675
6558
  }
6559
+ .el-card {
6560
+ margin-bottom: 18px;
6561
+ }
6676
6562
  .el-collapse {
6677
6563
  margin-bottom: 18px;
6678
6564
  }
@@ -6697,6 +6583,9 @@ fieldset.amb-design-item-selected {
6697
6583
  }
6698
6584
  .el-button-group > .el-button {
6699
6585
  margin-right: 0px;
6586
+ }
6587
+ .el-form-item > .el-form-item__content {
6588
+ padding-right: 18px;
6700
6589
  }
6701
6590
  /* 设计时样式 */
6702
6591
  .amb-design-item > .el-dropdown > .el-button-group {
@@ -6729,8 +6618,7 @@ fieldset.amb-design-item-selected {
6729
6618
  line-height: 60px;
6730
6619
  background-color: #ffffff;
6731
6620
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
6732
- text-align: center;
6733
- border-bottom: 1px solid rgba(0, 0, 0, 0.05);
6621
+ text-align: center;
6734
6622
  }
6735
6623
  .amb-page-container-header-page {
6736
6624
  position: fixed;
@@ -6757,30 +6645,24 @@ fieldset.amb-design-item-selected {
6757
6645
  background: #5893ef;
6758
6646
  color: #ffffff;
6759
6647
  }
6760
- .amb-page-container-header ~ .amb-page-container-main {
6761
- height: calc(100vh - 60px);
6762
- }
6763
6648
  .amb-page-container-main {
6764
6649
  position: relative;
6765
6650
  overflow: auto;
6766
6651
  }
6767
- .amb-page-container-main > .el-container {
6768
- height: 100%;
6769
- }
6770
6652
  .amb-container-left {
6771
- width: 280px !important;
6653
+ padding-right: 20px;
6772
6654
  overflow-y: auto;
6773
6655
  }
6774
6656
  .amb-container-main {
6775
6657
  padding: 0px !important;
6776
- user-select: none;
6777
- overflow: hidden;
6658
+ user-select: none;
6778
6659
  }
6779
6660
  .amb-container-main::-webkit-scrollbar {
6780
6661
  width: 1px;
6781
6662
  }
6782
6663
  .amb-container-attr {
6783
- width: 280px !important;
6664
+ width: 300px;
6665
+ padding-left: 20px;
6784
6666
  }
6785
6667
  .amb-design-attr-base-content {
6786
6668
  background: #ffffff;
@@ -6813,20 +6695,21 @@ fieldset.amb-design-item-selected {
6813
6695
  }
6814
6696
  .amb-design-content {
6815
6697
  overflow: auto;
6816
- display: flex;
6817
- flex-direction: column;
6698
+ display: block;
6818
6699
  flex: none;
6819
6700
  position: relative;
6820
- width: 100%;
6821
- height: 100%;
6701
+ width: 100%;
6822
6702
  }
6823
6703
  .amb-design-content::-webkit-scrollbar {
6824
6704
  width: 1px;
6825
6705
  }
6826
6706
  .amb-design-content-center-header {
6707
+ position: sticky;
6708
+ z-index: 4;
6709
+ top: 0;
6827
6710
  height: 54px;
6828
6711
  background-color: #f7f8fa;
6829
- margin: 15px;
6712
+ padding-top: 14px;
6830
6713
  }
6831
6714
  .amb-design-tool {
6832
6715
  position: relative;
@@ -6872,27 +6755,21 @@ fieldset.amb-design-item-selected {
6872
6755
  position: relative;
6873
6756
  cursor: pointer;
6874
6757
  }
6875
- .el-scrollbar__view:has(.amb-design-board) {
6876
- padding: 0 15px;
6877
- height: 100%;
6878
- }
6879
6758
  .amb-design-board {
6880
- min-height: 100%;
6881
6759
  margin: 0 auto;
6760
+ margin-top: 12px;
6761
+ overflow-y: hidden;
6762
+ overflow-x: auto;
6882
6763
  background: #ffffff;
6883
6764
  border-radius: 2px 2px 2px 2px;
6884
6765
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
6885
6766
  padding-bottom: 100px;
6886
6767
  }
6887
- .amb-design-board .el-row > div {
6888
- width: 100%;
6889
- }
6890
6768
  .amb-item-ghost {
6891
- background-color: rgba(64, 158, 255, .1);
6769
+ background-color: #5893ef;
6770
+ height: 5px;
6771
+ line-height: 5px;
6892
6772
  overflow: hidden;
6893
- }
6894
- .amb-item-ghost > * {
6895
- opacity: 0;
6896
6773
  }
6897
6774
  /* 将你的自定义样式添加到这里 */
6898
6775
  .draggable-placeholder {
@@ -7100,23 +6977,24 @@ fieldset.amb-design-item-selected {
7100
6977
  }
7101
6978
  /* 用于占位 */
7102
6979
  .amb-widget-tools-parent {
7103
- width: 100%;
6980
+ width: 100%;
6981
+ min-height: 58px;
6982
+ margin-bottom: 18px;
7104
6983
  }
7105
6984
  .amb-widget-tools {
7106
6985
  display: flex;
7107
- flex-wrap: wrap;
7108
6986
  /* 垂直居中 */
7109
6987
  align-items: center;
7110
6988
  background: #fafafa;
7111
6989
  /* background:#FAFAFA; */
7112
6990
  /* background-color: var(--el-card-bg-color); */
7113
6991
  /* border:1px solid #e4e7ed; */
6992
+ height: 58px;
7114
6993
  border-radius: 4px;
7115
6994
  width: transparent;
7116
6995
  padding-left: 20px;
7117
6996
  padding-right: 20px;
7118
6997
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
7119
- min-height: 58px;
7120
6998
  /* --el-card-border-color: var(--el-border-color-light);
7121
6999
  --el-card-border-radius: 4px;
7122
7000
  --el-card-bg-color: var(--el-fill-color-blank);
@@ -7138,9 +7016,6 @@ fieldset.amb-design-item-selected {
7138
7016
  border: 1px solid #e6a23c !important;
7139
7017
  /* background-color: rgba(205, 210, 216, 0.105); */
7140
7018
  }
7141
- .amb-design-item-default > div {
7142
- width: 100%;
7143
- }
7144
7019
  .amb-design-attr-group-header > button {
7145
7020
  background: #f5f6f8;
7146
7021
  padding-left: 10px;
@@ -7251,7 +7126,8 @@ fieldset.amb-design-item-selected {
7251
7126
  color: var(--el-text-color-primary);
7252
7127
  overflow: hidden;
7253
7128
  transition: var(--el-transition-duration);
7254
- box-shadow: var(--el-box-shadow-light);
7129
+ box-shadow: var(--el-box-shadow-light);
7130
+ margin-bottom: 18px;
7255
7131
  }
7256
7132
  .amb-widget-chart-header {
7257
7133
  border-bottom: 1px solid var(--el-card-border-color);
@@ -7269,6 +7145,9 @@ fieldset.amb-design-item-selected {
7269
7145
  vertical-align: middle;
7270
7146
  justify-content: center;
7271
7147
  }
7148
+ .el-card {
7149
+ margin-bottom: 18px;
7150
+ }
7272
7151
  .el-collapse {
7273
7152
  margin-bottom: 18px;
7274
7153
  }
@@ -7293,6 +7172,9 @@ fieldset.amb-design-item-selected {
7293
7172
  }
7294
7173
  .el-button-group > .el-button {
7295
7174
  margin-right: 0px;
7175
+ }
7176
+ .el-form-item > .el-form-item__content {
7177
+ padding-right: 18px;
7296
7178
  }
7297
7179
  /* 设计时样式 */
7298
7180
  .amb-design-item > .el-dropdown > .el-button-group {
@@ -7325,8 +7207,7 @@ fieldset.amb-design-item-selected {
7325
7207
  line-height: 60px;
7326
7208
  background-color: #ffffff;
7327
7209
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
7328
- text-align: center;
7329
- border-bottom: 1px solid rgba(0, 0, 0, 0.05);
7210
+ text-align: center;
7330
7211
  }
7331
7212
  .amb-page-container-header-page {
7332
7213
  position: fixed;
@@ -7353,30 +7234,24 @@ fieldset.amb-design-item-selected {
7353
7234
  background: #5893ef;
7354
7235
  color: #ffffff;
7355
7236
  }
7356
- .amb-page-container-header ~ .amb-page-container-main {
7357
- height: calc(100vh - 60px);
7358
- }
7359
7237
  .amb-page-container-main {
7360
7238
  position: relative;
7361
7239
  overflow: auto;
7362
7240
  }
7363
- .amb-page-container-main > .el-container {
7364
- height: 100%;
7365
- }
7366
7241
  .amb-container-left {
7367
- width: 280px !important;
7242
+ padding-right: 20px;
7368
7243
  overflow-y: auto;
7369
7244
  }
7370
7245
  .amb-container-main {
7371
7246
  padding: 0px !important;
7372
- user-select: none;
7373
- overflow: hidden;
7247
+ user-select: none;
7374
7248
  }
7375
7249
  .amb-container-main::-webkit-scrollbar {
7376
7250
  width: 1px;
7377
7251
  }
7378
7252
  .amb-container-attr {
7379
- width: 280px !important;
7253
+ width: 300px;
7254
+ padding-left: 20px;
7380
7255
  }
7381
7256
  .amb-design-attr-base-content {
7382
7257
  background: #ffffff;
@@ -7409,20 +7284,21 @@ fieldset.amb-design-item-selected {
7409
7284
  }
7410
7285
  .amb-design-content {
7411
7286
  overflow: auto;
7412
- display: flex;
7413
- flex-direction: column;
7287
+ display: block;
7414
7288
  flex: none;
7415
7289
  position: relative;
7416
- width: 100%;
7417
- height: 100%;
7290
+ width: 100%;
7418
7291
  }
7419
7292
  .amb-design-content::-webkit-scrollbar {
7420
7293
  width: 1px;
7421
7294
  }
7422
7295
  .amb-design-content-center-header {
7296
+ position: sticky;
7297
+ z-index: 4;
7298
+ top: 0;
7423
7299
  height: 54px;
7424
7300
  background-color: #f7f8fa;
7425
- margin: 15px;
7301
+ padding-top: 14px;
7426
7302
  }
7427
7303
  .amb-design-tool {
7428
7304
  position: relative;
@@ -7468,27 +7344,21 @@ fieldset.amb-design-item-selected {
7468
7344
  position: relative;
7469
7345
  cursor: pointer;
7470
7346
  }
7471
- .el-scrollbar__view:has(.amb-design-board) {
7472
- padding: 0 15px;
7473
- height: 100%;
7474
- }
7475
7347
  .amb-design-board {
7476
- min-height: 100%;
7477
7348
  margin: 0 auto;
7349
+ margin-top: 12px;
7350
+ overflow-y: hidden;
7351
+ overflow-x: auto;
7478
7352
  background: #ffffff;
7479
7353
  border-radius: 2px 2px 2px 2px;
7480
7354
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
7481
7355
  padding-bottom: 100px;
7482
7356
  }
7483
- .amb-design-board .el-row > div {
7484
- width: 100%;
7485
- }
7486
7357
  .amb-item-ghost {
7487
- background-color: rgba(64, 158, 255, .1);
7358
+ background-color: #5893ef;
7359
+ height: 5px;
7360
+ line-height: 5px;
7488
7361
  overflow: hidden;
7489
- }
7490
- .amb-item-ghost > * {
7491
- opacity: 0;
7492
7362
  }
7493
7363
  /* 将你的自定义样式添加到这里 */
7494
7364
  .draggable-placeholder {
@@ -7696,23 +7566,24 @@ fieldset.amb-design-item-selected {
7696
7566
  }
7697
7567
  /* 用于占位 */
7698
7568
  .amb-widget-tools-parent {
7699
- width: 100%;
7569
+ width: 100%;
7570
+ min-height: 58px;
7571
+ margin-bottom: 18px;
7700
7572
  }
7701
7573
  .amb-widget-tools {
7702
7574
  display: flex;
7703
- flex-wrap: wrap;
7704
7575
  /* 垂直居中 */
7705
7576
  align-items: center;
7706
7577
  background: #fafafa;
7707
7578
  /* background:#FAFAFA; */
7708
7579
  /* background-color: var(--el-card-bg-color); */
7709
7580
  /* border:1px solid #e4e7ed; */
7581
+ height: 58px;
7710
7582
  border-radius: 4px;
7711
7583
  width: transparent;
7712
7584
  padding-left: 20px;
7713
7585
  padding-right: 20px;
7714
7586
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
7715
- min-height: 58px;
7716
7587
  /* --el-card-border-color: var(--el-border-color-light);
7717
7588
  --el-card-border-radius: 4px;
7718
7589
  --el-card-bg-color: var(--el-fill-color-blank);
@@ -7734,9 +7605,6 @@ fieldset.amb-design-item-selected {
7734
7605
  border: 1px solid #e6a23c !important;
7735
7606
  /* background-color: rgba(205, 210, 216, 0.105); */
7736
7607
  }
7737
- .amb-design-item-default > div {
7738
- width: 100%;
7739
- }
7740
7608
  .amb-design-attr-group-header > button {
7741
7609
  background: #f5f6f8;
7742
7610
  padding-left: 10px;
@@ -7847,7 +7715,8 @@ fieldset.amb-design-item-selected {
7847
7715
  color: var(--el-text-color-primary);
7848
7716
  overflow: hidden;
7849
7717
  transition: var(--el-transition-duration);
7850
- box-shadow: var(--el-box-shadow-light);
7718
+ box-shadow: var(--el-box-shadow-light);
7719
+ margin-bottom: 18px;
7851
7720
  }
7852
7721
  .amb-widget-chart-header {
7853
7722
  border-bottom: 1px solid var(--el-card-border-color);
@@ -7865,6 +7734,9 @@ fieldset.amb-design-item-selected {
7865
7734
  vertical-align: middle;
7866
7735
  justify-content: center;
7867
7736
  }
7737
+ .el-card {
7738
+ margin-bottom: 18px;
7739
+ }
7868
7740
  .el-collapse {
7869
7741
  margin-bottom: 18px;
7870
7742
  }
@@ -7889,6 +7761,9 @@ fieldset.amb-design-item-selected {
7889
7761
  }
7890
7762
  .el-button-group > .el-button {
7891
7763
  margin-right: 0px;
7764
+ }
7765
+ .el-form-item > .el-form-item__content {
7766
+ padding-right: 18px;
7892
7767
  }
7893
7768
  /* 设计时样式 */
7894
7769
  .amb-design-item > .el-dropdown > .el-button-group {
@@ -7921,8 +7796,7 @@ fieldset.amb-design-item-selected {
7921
7796
  line-height: 60px;
7922
7797
  background-color: #ffffff;
7923
7798
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
7924
- text-align: center;
7925
- border-bottom: 1px solid rgba(0, 0, 0, 0.05);
7799
+ text-align: center;
7926
7800
  }
7927
7801
  .amb-page-container-header-page {
7928
7802
  position: fixed;
@@ -7949,30 +7823,24 @@ fieldset.amb-design-item-selected {
7949
7823
  background: #5893ef;
7950
7824
  color: #ffffff;
7951
7825
  }
7952
- .amb-page-container-header ~ .amb-page-container-main {
7953
- height: calc(100vh - 60px);
7954
- }
7955
7826
  .amb-page-container-main {
7956
7827
  position: relative;
7957
7828
  overflow: auto;
7958
7829
  }
7959
- .amb-page-container-main > .el-container {
7960
- height: 100%;
7961
- }
7962
7830
  .amb-container-left {
7963
- width: 280px !important;
7831
+ padding-right: 20px;
7964
7832
  overflow-y: auto;
7965
7833
  }
7966
7834
  .amb-container-main {
7967
7835
  padding: 0px !important;
7968
- user-select: none;
7969
- overflow: hidden;
7836
+ user-select: none;
7970
7837
  }
7971
7838
  .amb-container-main::-webkit-scrollbar {
7972
7839
  width: 1px;
7973
7840
  }
7974
7841
  .amb-container-attr {
7975
- width: 280px !important;
7842
+ width: 300px;
7843
+ padding-left: 20px;
7976
7844
  }
7977
7845
  .amb-design-attr-base-content {
7978
7846
  background: #ffffff;
@@ -8005,20 +7873,21 @@ fieldset.amb-design-item-selected {
8005
7873
  }
8006
7874
  .amb-design-content {
8007
7875
  overflow: auto;
8008
- display: flex;
8009
- flex-direction: column;
7876
+ display: block;
8010
7877
  flex: none;
8011
7878
  position: relative;
8012
- width: 100%;
8013
- height: 100%;
7879
+ width: 100%;
8014
7880
  }
8015
7881
  .amb-design-content::-webkit-scrollbar {
8016
7882
  width: 1px;
8017
7883
  }
8018
7884
  .amb-design-content-center-header {
7885
+ position: sticky;
7886
+ z-index: 4;
7887
+ top: 0;
8019
7888
  height: 54px;
8020
7889
  background-color: #f7f8fa;
8021
- margin: 15px;
7890
+ padding-top: 14px;
8022
7891
  }
8023
7892
  .amb-design-tool {
8024
7893
  position: relative;
@@ -8064,27 +7933,21 @@ fieldset.amb-design-item-selected {
8064
7933
  position: relative;
8065
7934
  cursor: pointer;
8066
7935
  }
8067
- .el-scrollbar__view:has(.amb-design-board) {
8068
- padding: 0 15px;
8069
- height: 100%;
8070
- }
8071
7936
  .amb-design-board {
8072
- min-height: 100%;
8073
7937
  margin: 0 auto;
7938
+ margin-top: 12px;
7939
+ overflow-y: hidden;
7940
+ overflow-x: auto;
8074
7941
  background: #ffffff;
8075
7942
  border-radius: 2px 2px 2px 2px;
8076
7943
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
8077
7944
  padding-bottom: 100px;
8078
7945
  }
8079
- .amb-design-board .el-row > div {
8080
- width: 100%;
8081
- }
8082
7946
  .amb-item-ghost {
8083
- background-color: rgba(64, 158, 255, .1);
7947
+ background-color: #5893ef;
7948
+ height: 5px;
7949
+ line-height: 5px;
8084
7950
  overflow: hidden;
8085
- }
8086
- .amb-item-ghost > * {
8087
- opacity: 0;
8088
7951
  }
8089
7952
  /* 将你的自定义样式添加到这里 */
8090
7953
  .draggable-placeholder {
@@ -8292,23 +8155,24 @@ fieldset.amb-design-item-selected {
8292
8155
  }
8293
8156
  /* 用于占位 */
8294
8157
  .amb-widget-tools-parent {
8295
- width: 100%;
8158
+ width: 100%;
8159
+ min-height: 58px;
8160
+ margin-bottom: 18px;
8296
8161
  }
8297
8162
  .amb-widget-tools {
8298
8163
  display: flex;
8299
- flex-wrap: wrap;
8300
8164
  /* 垂直居中 */
8301
8165
  align-items: center;
8302
8166
  background: #fafafa;
8303
8167
  /* background:#FAFAFA; */
8304
8168
  /* background-color: var(--el-card-bg-color); */
8305
8169
  /* border:1px solid #e4e7ed; */
8170
+ height: 58px;
8306
8171
  border-radius: 4px;
8307
8172
  width: transparent;
8308
8173
  padding-left: 20px;
8309
8174
  padding-right: 20px;
8310
8175
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
8311
- min-height: 58px;
8312
8176
  /* --el-card-border-color: var(--el-border-color-light);
8313
8177
  --el-card-border-radius: 4px;
8314
8178
  --el-card-bg-color: var(--el-fill-color-blank);
@@ -8330,9 +8194,6 @@ fieldset.amb-design-item-selected {
8330
8194
  border: 1px solid #e6a23c !important;
8331
8195
  /* background-color: rgba(205, 210, 216, 0.105); */
8332
8196
  }
8333
- .amb-design-item-default > div {
8334
- width: 100%;
8335
- }
8336
8197
  .amb-design-attr-group-header > button {
8337
8198
  background: #f5f6f8;
8338
8199
  padding-left: 10px;
@@ -8443,7 +8304,8 @@ fieldset.amb-design-item-selected {
8443
8304
  color: var(--el-text-color-primary);
8444
8305
  overflow: hidden;
8445
8306
  transition: var(--el-transition-duration);
8446
- box-shadow: var(--el-box-shadow-light);
8307
+ box-shadow: var(--el-box-shadow-light);
8308
+ margin-bottom: 18px;
8447
8309
  }
8448
8310
  .amb-widget-chart-header {
8449
8311
  border-bottom: 1px solid var(--el-card-border-color);
@@ -8461,6 +8323,9 @@ fieldset.amb-design-item-selected {
8461
8323
  vertical-align: middle;
8462
8324
  justify-content: center;
8463
8325
  }
8326
+ .el-card {
8327
+ margin-bottom: 18px;
8328
+ }
8464
8329
  .el-collapse {
8465
8330
  margin-bottom: 18px;
8466
8331
  }
@@ -8485,6 +8350,9 @@ fieldset.amb-design-item-selected {
8485
8350
  }
8486
8351
  .el-button-group > .el-button {
8487
8352
  margin-right: 0px;
8353
+ }
8354
+ .el-form-item > .el-form-item__content {
8355
+ padding-right: 18px;
8488
8356
  }
8489
8357
  /* 设计时样式 */
8490
8358
  .amb-design-item > .el-dropdown > .el-button-group {
@@ -8554,8 +8422,7 @@ fieldset.amb-design-item-selected {
8554
8422
  line-height: 60px;
8555
8423
  background-color: #ffffff;
8556
8424
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
8557
- text-align: center;
8558
- border-bottom: 1px solid rgba(0, 0, 0, 0.05);
8425
+ text-align: center;
8559
8426
  }
8560
8427
  .amb-page-container-header-page {
8561
8428
  position: fixed;
@@ -8582,30 +8449,24 @@ fieldset.amb-design-item-selected {
8582
8449
  background: #5893ef;
8583
8450
  color: #ffffff;
8584
8451
  }
8585
- .amb-page-container-header ~ .amb-page-container-main {
8586
- height: calc(100vh - 60px);
8587
- }
8588
8452
  .amb-page-container-main {
8589
8453
  position: relative;
8590
8454
  overflow: auto;
8591
8455
  }
8592
- .amb-page-container-main > .el-container {
8593
- height: 100%;
8594
- }
8595
8456
  .amb-container-left {
8596
- width: 280px !important;
8457
+ padding-right: 20px;
8597
8458
  overflow-y: auto;
8598
8459
  }
8599
8460
  .amb-container-main {
8600
8461
  padding: 0px !important;
8601
- user-select: none;
8602
- overflow: hidden;
8462
+ user-select: none;
8603
8463
  }
8604
8464
  .amb-container-main::-webkit-scrollbar {
8605
8465
  width: 1px;
8606
8466
  }
8607
8467
  .amb-container-attr {
8608
- width: 280px !important;
8468
+ width: 300px;
8469
+ padding-left: 20px;
8609
8470
  }
8610
8471
  .amb-design-attr-base-content {
8611
8472
  background: #ffffff;
@@ -8638,20 +8499,21 @@ fieldset.amb-design-item-selected {
8638
8499
  }
8639
8500
  .amb-design-content {
8640
8501
  overflow: auto;
8641
- display: flex;
8642
- flex-direction: column;
8502
+ display: block;
8643
8503
  flex: none;
8644
8504
  position: relative;
8645
- width: 100%;
8646
- height: 100%;
8505
+ width: 100%;
8647
8506
  }
8648
8507
  .amb-design-content::-webkit-scrollbar {
8649
8508
  width: 1px;
8650
8509
  }
8651
8510
  .amb-design-content-center-header {
8511
+ position: sticky;
8512
+ z-index: 4;
8513
+ top: 0;
8652
8514
  height: 54px;
8653
8515
  background-color: #f7f8fa;
8654
- margin: 15px;
8516
+ padding-top: 14px;
8655
8517
  }
8656
8518
  .amb-design-tool {
8657
8519
  position: relative;
@@ -8697,27 +8559,21 @@ fieldset.amb-design-item-selected {
8697
8559
  position: relative;
8698
8560
  cursor: pointer;
8699
8561
  }
8700
- .el-scrollbar__view:has(.amb-design-board) {
8701
- padding: 0 15px;
8702
- height: 100%;
8703
- }
8704
8562
  .amb-design-board {
8705
- min-height: 100%;
8706
8563
  margin: 0 auto;
8564
+ margin-top: 12px;
8565
+ overflow-y: hidden;
8566
+ overflow-x: auto;
8707
8567
  background: #ffffff;
8708
8568
  border-radius: 2px 2px 2px 2px;
8709
8569
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
8710
8570
  padding-bottom: 100px;
8711
8571
  }
8712
- .amb-design-board .el-row > div {
8713
- width: 100%;
8714
- }
8715
8572
  .amb-item-ghost {
8716
- background-color: rgba(64, 158, 255, .1);
8573
+ background-color: #5893ef;
8574
+ height: 5px;
8575
+ line-height: 5px;
8717
8576
  overflow: hidden;
8718
- }
8719
- .amb-item-ghost > * {
8720
- opacity: 0;
8721
8577
  }
8722
8578
  /* 将你的自定义样式添加到这里 */
8723
8579
  .draggable-placeholder {
@@ -8925,23 +8781,24 @@ fieldset.amb-design-item-selected {
8925
8781
  }
8926
8782
  /* 用于占位 */
8927
8783
  .amb-widget-tools-parent {
8928
- width: 100%;
8784
+ width: 100%;
8785
+ min-height: 58px;
8786
+ margin-bottom: 18px;
8929
8787
  }
8930
8788
  .amb-widget-tools {
8931
8789
  display: flex;
8932
- flex-wrap: wrap;
8933
8790
  /* 垂直居中 */
8934
8791
  align-items: center;
8935
8792
  background: #fafafa;
8936
8793
  /* background:#FAFAFA; */
8937
8794
  /* background-color: var(--el-card-bg-color); */
8938
8795
  /* border:1px solid #e4e7ed; */
8796
+ height: 58px;
8939
8797
  border-radius: 4px;
8940
8798
  width: transparent;
8941
8799
  padding-left: 20px;
8942
8800
  padding-right: 20px;
8943
8801
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
8944
- min-height: 58px;
8945
8802
  /* --el-card-border-color: var(--el-border-color-light);
8946
8803
  --el-card-border-radius: 4px;
8947
8804
  --el-card-bg-color: var(--el-fill-color-blank);
@@ -8963,9 +8820,6 @@ fieldset.amb-design-item-selected {
8963
8820
  border: 1px solid #e6a23c !important;
8964
8821
  /* background-color: rgba(205, 210, 216, 0.105); */
8965
8822
  }
8966
- .amb-design-item-default > div {
8967
- width: 100%;
8968
- }
8969
8823
  .amb-design-attr-group-header > button {
8970
8824
  background: #f5f6f8;
8971
8825
  padding-left: 10px;
@@ -9076,7 +8930,8 @@ fieldset.amb-design-item-selected {
9076
8930
  color: var(--el-text-color-primary);
9077
8931
  overflow: hidden;
9078
8932
  transition: var(--el-transition-duration);
9079
- box-shadow: var(--el-box-shadow-light);
8933
+ box-shadow: var(--el-box-shadow-light);
8934
+ margin-bottom: 18px;
9080
8935
  }
9081
8936
  .amb-widget-chart-header {
9082
8937
  border-bottom: 1px solid var(--el-card-border-color);
@@ -9094,6 +8949,9 @@ fieldset.amb-design-item-selected {
9094
8949
  vertical-align: middle;
9095
8950
  justify-content: center;
9096
8951
  }
8952
+ .el-card {
8953
+ margin-bottom: 18px;
8954
+ }
9097
8955
  .el-collapse {
9098
8956
  margin-bottom: 18px;
9099
8957
  }
@@ -9118,6 +8976,9 @@ fieldset.amb-design-item-selected {
9118
8976
  }
9119
8977
  .el-button-group > .el-button {
9120
8978
  margin-right: 0px;
8979
+ }
8980
+ .el-form-item > .el-form-item__content {
8981
+ padding-right: 18px;
9121
8982
  }
9122
8983
  /* 设计时样式 */
9123
8984
  .amb-design-item > .el-dropdown > .el-button-group {
@@ -9264,8 +9125,7 @@ li[data-v-dbd1c08b] {
9264
9125
  line-height: 60px;
9265
9126
  background-color: #ffffff;
9266
9127
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
9267
- text-align: center;
9268
- border-bottom: 1px solid rgba(0, 0, 0, 0.05);
9128
+ text-align: center;
9269
9129
  }
9270
9130
  .amb-page-container-header-page {
9271
9131
  position: fixed;
@@ -9292,30 +9152,24 @@ li[data-v-dbd1c08b] {
9292
9152
  background: #5893ef;
9293
9153
  color: #ffffff;
9294
9154
  }
9295
- .amb-page-container-header ~ .amb-page-container-main {
9296
- height: calc(100vh - 60px);
9297
- }
9298
9155
  .amb-page-container-main {
9299
9156
  position: relative;
9300
9157
  overflow: auto;
9301
9158
  }
9302
- .amb-page-container-main > .el-container {
9303
- height: 100%;
9304
- }
9305
9159
  .amb-container-left {
9306
- width: 280px !important;
9160
+ padding-right: 20px;
9307
9161
  overflow-y: auto;
9308
9162
  }
9309
9163
  .amb-container-main {
9310
9164
  padding: 0px !important;
9311
- user-select: none;
9312
- overflow: hidden;
9165
+ user-select: none;
9313
9166
  }
9314
9167
  .amb-container-main::-webkit-scrollbar {
9315
9168
  width: 1px;
9316
9169
  }
9317
9170
  .amb-container-attr {
9318
- width: 280px !important;
9171
+ width: 300px;
9172
+ padding-left: 20px;
9319
9173
  }
9320
9174
  .amb-design-attr-base-content {
9321
9175
  background: #ffffff;
@@ -9348,20 +9202,21 @@ li[data-v-dbd1c08b] {
9348
9202
  }
9349
9203
  .amb-design-content {
9350
9204
  overflow: auto;
9351
- display: flex;
9352
- flex-direction: column;
9205
+ display: block;
9353
9206
  flex: none;
9354
9207
  position: relative;
9355
- width: 100%;
9356
- height: 100%;
9208
+ width: 100%;
9357
9209
  }
9358
9210
  .amb-design-content::-webkit-scrollbar {
9359
9211
  width: 1px;
9360
9212
  }
9361
9213
  .amb-design-content-center-header {
9214
+ position: sticky;
9215
+ z-index: 4;
9216
+ top: 0;
9362
9217
  height: 54px;
9363
9218
  background-color: #f7f8fa;
9364
- margin: 15px;
9219
+ padding-top: 14px;
9365
9220
  }
9366
9221
  .amb-design-tool {
9367
9222
  position: relative;
@@ -9407,27 +9262,21 @@ li[data-v-dbd1c08b] {
9407
9262
  position: relative;
9408
9263
  cursor: pointer;
9409
9264
  }
9410
- .el-scrollbar__view:has(.amb-design-board) {
9411
- padding: 0 15px;
9412
- height: 100%;
9413
- }
9414
9265
  .amb-design-board {
9415
- min-height: 100%;
9416
9266
  margin: 0 auto;
9267
+ margin-top: 12px;
9268
+ overflow-y: hidden;
9269
+ overflow-x: auto;
9417
9270
  background: #ffffff;
9418
9271
  border-radius: 2px 2px 2px 2px;
9419
9272
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
9420
9273
  padding-bottom: 100px;
9421
9274
  }
9422
- .amb-design-board .el-row > div {
9423
- width: 100%;
9424
- }
9425
9275
  .amb-item-ghost {
9426
- background-color: rgba(64, 158, 255, .1);
9276
+ background-color: #5893ef;
9277
+ height: 5px;
9278
+ line-height: 5px;
9427
9279
  overflow: hidden;
9428
- }
9429
- .amb-item-ghost > * {
9430
- opacity: 0;
9431
9280
  }
9432
9281
  /* 将你的自定义样式添加到这里 */
9433
9282
  .draggable-placeholder {
@@ -9635,23 +9484,24 @@ li[data-v-dbd1c08b] {
9635
9484
  }
9636
9485
  /* 用于占位 */
9637
9486
  .amb-widget-tools-parent {
9638
- width: 100%;
9487
+ width: 100%;
9488
+ min-height: 58px;
9489
+ margin-bottom: 18px;
9639
9490
  }
9640
9491
  .amb-widget-tools {
9641
9492
  display: flex;
9642
- flex-wrap: wrap;
9643
9493
  /* 垂直居中 */
9644
9494
  align-items: center;
9645
9495
  background: #fafafa;
9646
9496
  /* background:#FAFAFA; */
9647
9497
  /* background-color: var(--el-card-bg-color); */
9648
9498
  /* border:1px solid #e4e7ed; */
9499
+ height: 58px;
9649
9500
  border-radius: 4px;
9650
9501
  width: transparent;
9651
9502
  padding-left: 20px;
9652
9503
  padding-right: 20px;
9653
9504
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
9654
- min-height: 58px;
9655
9505
  /* --el-card-border-color: var(--el-border-color-light);
9656
9506
  --el-card-border-radius: 4px;
9657
9507
  --el-card-bg-color: var(--el-fill-color-blank);
@@ -9673,9 +9523,6 @@ li[data-v-dbd1c08b] {
9673
9523
  border: 1px solid #e6a23c !important;
9674
9524
  /* background-color: rgba(205, 210, 216, 0.105); */
9675
9525
  }
9676
- .amb-design-item-default > div {
9677
- width: 100%;
9678
- }
9679
9526
  .amb-design-attr-group-header > button {
9680
9527
  background: #f5f6f8;
9681
9528
  padding-left: 10px;
@@ -9786,7 +9633,8 @@ fieldset.amb-design-item-selected {
9786
9633
  color: var(--el-text-color-primary);
9787
9634
  overflow: hidden;
9788
9635
  transition: var(--el-transition-duration);
9789
- box-shadow: var(--el-box-shadow-light);
9636
+ box-shadow: var(--el-box-shadow-light);
9637
+ margin-bottom: 18px;
9790
9638
  }
9791
9639
  .amb-widget-chart-header {
9792
9640
  border-bottom: 1px solid var(--el-card-border-color);
@@ -9804,6 +9652,9 @@ fieldset.amb-design-item-selected {
9804
9652
  vertical-align: middle;
9805
9653
  justify-content: center;
9806
9654
  }
9655
+ .el-card {
9656
+ margin-bottom: 18px;
9657
+ }
9807
9658
  .el-collapse {
9808
9659
  margin-bottom: 18px;
9809
9660
  }
@@ -9828,6 +9679,9 @@ fieldset.amb-design-item-selected {
9828
9679
  }
9829
9680
  .el-button-group > .el-button {
9830
9681
  margin-right: 0px;
9682
+ }
9683
+ .el-form-item > .el-form-item__content {
9684
+ padding-right: 18px;
9831
9685
  }
9832
9686
  /* 设计时样式 */
9833
9687
  .amb-design-item > .el-dropdown > .el-button-group {
@@ -9853,12 +9707,12 @@ fieldset.amb-design-item-selected {
9853
9707
  font-weight: bold;
9854
9708
  }
9855
9709
 
9856
- .seleteSort[data-v-c07fe584] {
9857
- border-radius: 5px;
9858
- border: 1px solid rgba(88, 147, 239);
9710
+ .seleteSort[data-v-1fd3d630] {
9711
+ border-radius: 5px;
9712
+ border: 1px solid rgba(88, 147, 239);
9859
9713
  }
9860
- [data-v-c07fe584] .el-select__selection {
9861
- display: inline-block;
9714
+ [data-v-1fd3d630] .el-select__selection{
9715
+ display: inline-block;
9862
9716
  }
9863
9717
  .el-tree-node__content {
9864
9718
  height: 34px !important;
@@ -9868,8 +9722,7 @@ fieldset.amb-design-item-selected {
9868
9722
  line-height: 60px;
9869
9723
  background-color: #ffffff;
9870
9724
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
9871
- text-align: center;
9872
- border-bottom: 1px solid rgba(0, 0, 0, 0.05);
9725
+ text-align: center;
9873
9726
  }
9874
9727
  .amb-page-container-header-page {
9875
9728
  position: fixed;
@@ -9896,30 +9749,24 @@ fieldset.amb-design-item-selected {
9896
9749
  background: #5893ef;
9897
9750
  color: #ffffff;
9898
9751
  }
9899
- .amb-page-container-header ~ .amb-page-container-main {
9900
- height: calc(100vh - 60px);
9901
- }
9902
9752
  .amb-page-container-main {
9903
9753
  position: relative;
9904
9754
  overflow: auto;
9905
9755
  }
9906
- .amb-page-container-main > .el-container {
9907
- height: 100%;
9908
- }
9909
9756
  .amb-container-left {
9910
- width: 280px !important;
9757
+ padding-right: 20px;
9911
9758
  overflow-y: auto;
9912
9759
  }
9913
9760
  .amb-container-main {
9914
9761
  padding: 0px !important;
9915
- user-select: none;
9916
- overflow: hidden;
9762
+ user-select: none;
9917
9763
  }
9918
9764
  .amb-container-main::-webkit-scrollbar {
9919
9765
  width: 1px;
9920
9766
  }
9921
9767
  .amb-container-attr {
9922
- width: 280px !important;
9768
+ width: 300px;
9769
+ padding-left: 20px;
9923
9770
  }
9924
9771
  .amb-design-attr-base-content {
9925
9772
  background: #ffffff;
@@ -9952,20 +9799,21 @@ fieldset.amb-design-item-selected {
9952
9799
  }
9953
9800
  .amb-design-content {
9954
9801
  overflow: auto;
9955
- display: flex;
9956
- flex-direction: column;
9802
+ display: block;
9957
9803
  flex: none;
9958
9804
  position: relative;
9959
- width: 100%;
9960
- height: 100%;
9805
+ width: 100%;
9961
9806
  }
9962
9807
  .amb-design-content::-webkit-scrollbar {
9963
9808
  width: 1px;
9964
9809
  }
9965
9810
  .amb-design-content-center-header {
9811
+ position: sticky;
9812
+ z-index: 4;
9813
+ top: 0;
9966
9814
  height: 54px;
9967
9815
  background-color: #f7f8fa;
9968
- margin: 15px;
9816
+ padding-top: 14px;
9969
9817
  }
9970
9818
  .amb-design-tool {
9971
9819
  position: relative;
@@ -10011,27 +9859,21 @@ fieldset.amb-design-item-selected {
10011
9859
  position: relative;
10012
9860
  cursor: pointer;
10013
9861
  }
10014
- .el-scrollbar__view:has(.amb-design-board) {
10015
- padding: 0 15px;
10016
- height: 100%;
10017
- }
10018
9862
  .amb-design-board {
10019
- min-height: 100%;
10020
9863
  margin: 0 auto;
9864
+ margin-top: 12px;
9865
+ overflow-y: hidden;
9866
+ overflow-x: auto;
10021
9867
  background: #ffffff;
10022
9868
  border-radius: 2px 2px 2px 2px;
10023
9869
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
10024
9870
  padding-bottom: 100px;
10025
9871
  }
10026
- .amb-design-board .el-row > div {
10027
- width: 100%;
10028
- }
10029
9872
  .amb-item-ghost {
10030
- background-color: rgba(64, 158, 255, .1);
9873
+ background-color: #5893ef;
9874
+ height: 5px;
9875
+ line-height: 5px;
10031
9876
  overflow: hidden;
10032
- }
10033
- .amb-item-ghost > * {
10034
- opacity: 0;
10035
9877
  }
10036
9878
  /* 将你的自定义样式添加到这里 */
10037
9879
  .draggable-placeholder {
@@ -10239,23 +10081,24 @@ fieldset.amb-design-item-selected {
10239
10081
  }
10240
10082
  /* 用于占位 */
10241
10083
  .amb-widget-tools-parent {
10242
- width: 100%;
10084
+ width: 100%;
10085
+ min-height: 58px;
10086
+ margin-bottom: 18px;
10243
10087
  }
10244
10088
  .amb-widget-tools {
10245
10089
  display: flex;
10246
- flex-wrap: wrap;
10247
10090
  /* 垂直居中 */
10248
10091
  align-items: center;
10249
10092
  background: #fafafa;
10250
10093
  /* background:#FAFAFA; */
10251
10094
  /* background-color: var(--el-card-bg-color); */
10252
10095
  /* border:1px solid #e4e7ed; */
10096
+ height: 58px;
10253
10097
  border-radius: 4px;
10254
10098
  width: transparent;
10255
10099
  padding-left: 20px;
10256
10100
  padding-right: 20px;
10257
10101
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
10258
- min-height: 58px;
10259
10102
  /* --el-card-border-color: var(--el-border-color-light);
10260
10103
  --el-card-border-radius: 4px;
10261
10104
  --el-card-bg-color: var(--el-fill-color-blank);
@@ -10277,9 +10120,6 @@ fieldset.amb-design-item-selected {
10277
10120
  border: 1px solid #e6a23c !important;
10278
10121
  /* background-color: rgba(205, 210, 216, 0.105); */
10279
10122
  }
10280
- .amb-design-item-default > div {
10281
- width: 100%;
10282
- }
10283
10123
  .amb-design-attr-group-header > button {
10284
10124
  background: #f5f6f8;
10285
10125
  padding-left: 10px;
@@ -10390,7 +10230,8 @@ fieldset.amb-design-item-selected {
10390
10230
  color: var(--el-text-color-primary);
10391
10231
  overflow: hidden;
10392
10232
  transition: var(--el-transition-duration);
10393
- box-shadow: var(--el-box-shadow-light);
10233
+ box-shadow: var(--el-box-shadow-light);
10234
+ margin-bottom: 18px;
10394
10235
  }
10395
10236
  .amb-widget-chart-header {
10396
10237
  border-bottom: 1px solid var(--el-card-border-color);
@@ -10408,6 +10249,9 @@ fieldset.amb-design-item-selected {
10408
10249
  vertical-align: middle;
10409
10250
  justify-content: center;
10410
10251
  }
10252
+ .el-card {
10253
+ margin-bottom: 18px;
10254
+ }
10411
10255
  .el-collapse {
10412
10256
  margin-bottom: 18px;
10413
10257
  }
@@ -10432,6 +10276,9 @@ fieldset.amb-design-item-selected {
10432
10276
  }
10433
10277
  .el-button-group > .el-button {
10434
10278
  margin-right: 0px;
10279
+ }
10280
+ .el-form-item > .el-form-item__content {
10281
+ padding-right: 18px;
10435
10282
  }
10436
10283
  /* 设计时样式 */
10437
10284
  .amb-design-item > .el-dropdown > .el-button-group {
@@ -10464,8 +10311,7 @@ fieldset.amb-design-item-selected {
10464
10311
  line-height: 60px;
10465
10312
  background-color: #ffffff;
10466
10313
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
10467
- text-align: center;
10468
- border-bottom: 1px solid rgba(0, 0, 0, 0.05);
10314
+ text-align: center;
10469
10315
  }
10470
10316
  .amb-page-container-header-page {
10471
10317
  position: fixed;
@@ -10492,30 +10338,24 @@ fieldset.amb-design-item-selected {
10492
10338
  background: #5893ef;
10493
10339
  color: #ffffff;
10494
10340
  }
10495
- .amb-page-container-header ~ .amb-page-container-main {
10496
- height: calc(100vh - 60px);
10497
- }
10498
10341
  .amb-page-container-main {
10499
10342
  position: relative;
10500
10343
  overflow: auto;
10501
10344
  }
10502
- .amb-page-container-main > .el-container {
10503
- height: 100%;
10504
- }
10505
10345
  .amb-container-left {
10506
- width: 280px !important;
10346
+ padding-right: 20px;
10507
10347
  overflow-y: auto;
10508
10348
  }
10509
10349
  .amb-container-main {
10510
10350
  padding: 0px !important;
10511
- user-select: none;
10512
- overflow: hidden;
10351
+ user-select: none;
10513
10352
  }
10514
10353
  .amb-container-main::-webkit-scrollbar {
10515
10354
  width: 1px;
10516
10355
  }
10517
10356
  .amb-container-attr {
10518
- width: 280px !important;
10357
+ width: 300px;
10358
+ padding-left: 20px;
10519
10359
  }
10520
10360
  .amb-design-attr-base-content {
10521
10361
  background: #ffffff;
@@ -10548,20 +10388,21 @@ fieldset.amb-design-item-selected {
10548
10388
  }
10549
10389
  .amb-design-content {
10550
10390
  overflow: auto;
10551
- display: flex;
10552
- flex-direction: column;
10391
+ display: block;
10553
10392
  flex: none;
10554
10393
  position: relative;
10555
- width: 100%;
10556
- height: 100%;
10394
+ width: 100%;
10557
10395
  }
10558
10396
  .amb-design-content::-webkit-scrollbar {
10559
10397
  width: 1px;
10560
10398
  }
10561
10399
  .amb-design-content-center-header {
10400
+ position: sticky;
10401
+ z-index: 4;
10402
+ top: 0;
10562
10403
  height: 54px;
10563
10404
  background-color: #f7f8fa;
10564
- margin: 15px;
10405
+ padding-top: 14px;
10565
10406
  }
10566
10407
  .amb-design-tool {
10567
10408
  position: relative;
@@ -10607,27 +10448,21 @@ fieldset.amb-design-item-selected {
10607
10448
  position: relative;
10608
10449
  cursor: pointer;
10609
10450
  }
10610
- .el-scrollbar__view:has(.amb-design-board) {
10611
- padding: 0 15px;
10612
- height: 100%;
10613
- }
10614
10451
  .amb-design-board {
10615
- min-height: 100%;
10616
10452
  margin: 0 auto;
10453
+ margin-top: 12px;
10454
+ overflow-y: hidden;
10455
+ overflow-x: auto;
10617
10456
  background: #ffffff;
10618
10457
  border-radius: 2px 2px 2px 2px;
10619
10458
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
10620
10459
  padding-bottom: 100px;
10621
10460
  }
10622
- .amb-design-board .el-row > div {
10623
- width: 100%;
10624
- }
10625
10461
  .amb-item-ghost {
10626
- background-color: rgba(64, 158, 255, .1);
10462
+ background-color: #5893ef;
10463
+ height: 5px;
10464
+ line-height: 5px;
10627
10465
  overflow: hidden;
10628
- }
10629
- .amb-item-ghost > * {
10630
- opacity: 0;
10631
10466
  }
10632
10467
  /* 将你的自定义样式添加到这里 */
10633
10468
  .draggable-placeholder {
@@ -10835,23 +10670,24 @@ fieldset.amb-design-item-selected {
10835
10670
  }
10836
10671
  /* 用于占位 */
10837
10672
  .amb-widget-tools-parent {
10838
- width: 100%;
10673
+ width: 100%;
10674
+ min-height: 58px;
10675
+ margin-bottom: 18px;
10839
10676
  }
10840
10677
  .amb-widget-tools {
10841
10678
  display: flex;
10842
- flex-wrap: wrap;
10843
10679
  /* 垂直居中 */
10844
10680
  align-items: center;
10845
10681
  background: #fafafa;
10846
10682
  /* background:#FAFAFA; */
10847
10683
  /* background-color: var(--el-card-bg-color); */
10848
10684
  /* border:1px solid #e4e7ed; */
10685
+ height: 58px;
10849
10686
  border-radius: 4px;
10850
10687
  width: transparent;
10851
10688
  padding-left: 20px;
10852
10689
  padding-right: 20px;
10853
10690
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
10854
- min-height: 58px;
10855
10691
  /* --el-card-border-color: var(--el-border-color-light);
10856
10692
  --el-card-border-radius: 4px;
10857
10693
  --el-card-bg-color: var(--el-fill-color-blank);
@@ -10873,9 +10709,6 @@ fieldset.amb-design-item-selected {
10873
10709
  border: 1px solid #e6a23c !important;
10874
10710
  /* background-color: rgba(205, 210, 216, 0.105); */
10875
10711
  }
10876
- .amb-design-item-default > div {
10877
- width: 100%;
10878
- }
10879
10712
  .amb-design-attr-group-header > button {
10880
10713
  background: #f5f6f8;
10881
10714
  padding-left: 10px;
@@ -10986,7 +10819,8 @@ fieldset.amb-design-item-selected {
10986
10819
  color: var(--el-text-color-primary);
10987
10820
  overflow: hidden;
10988
10821
  transition: var(--el-transition-duration);
10989
- box-shadow: var(--el-box-shadow-light);
10822
+ box-shadow: var(--el-box-shadow-light);
10823
+ margin-bottom: 18px;
10990
10824
  }
10991
10825
  .amb-widget-chart-header {
10992
10826
  border-bottom: 1px solid var(--el-card-border-color);
@@ -11004,6 +10838,9 @@ fieldset.amb-design-item-selected {
11004
10838
  vertical-align: middle;
11005
10839
  justify-content: center;
11006
10840
  }
10841
+ .el-card {
10842
+ margin-bottom: 18px;
10843
+ }
11007
10844
  .el-collapse {
11008
10845
  margin-bottom: 18px;
11009
10846
  }
@@ -11028,6 +10865,9 @@ fieldset.amb-design-item-selected {
11028
10865
  }
11029
10866
  .el-button-group > .el-button {
11030
10867
  margin-right: 0px;
10868
+ }
10869
+ .el-form-item > .el-form-item__content {
10870
+ padding-right: 18px;
11031
10871
  }
11032
10872
  /* 设计时样式 */
11033
10873
  .amb-design-item > .el-dropdown > .el-button-group {
@@ -11068,8 +10908,7 @@ fieldset.amb-design-item-selected {
11068
10908
  line-height: 60px;
11069
10909
  background-color: #ffffff;
11070
10910
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
11071
- text-align: center;
11072
- border-bottom: 1px solid rgba(0, 0, 0, 0.05);
10911
+ text-align: center;
11073
10912
  }
11074
10913
  .amb-page-container-header-page {
11075
10914
  position: fixed;
@@ -11096,30 +10935,24 @@ fieldset.amb-design-item-selected {
11096
10935
  background: #5893ef;
11097
10936
  color: #ffffff;
11098
10937
  }
11099
- .amb-page-container-header ~ .amb-page-container-main {
11100
- height: calc(100vh - 60px);
11101
- }
11102
10938
  .amb-page-container-main {
11103
10939
  position: relative;
11104
10940
  overflow: auto;
11105
10941
  }
11106
- .amb-page-container-main > .el-container {
11107
- height: 100%;
11108
- }
11109
10942
  .amb-container-left {
11110
- width: 280px !important;
10943
+ padding-right: 20px;
11111
10944
  overflow-y: auto;
11112
10945
  }
11113
10946
  .amb-container-main {
11114
10947
  padding: 0px !important;
11115
- user-select: none;
11116
- overflow: hidden;
10948
+ user-select: none;
11117
10949
  }
11118
10950
  .amb-container-main::-webkit-scrollbar {
11119
10951
  width: 1px;
11120
10952
  }
11121
10953
  .amb-container-attr {
11122
- width: 280px !important;
10954
+ width: 300px;
10955
+ padding-left: 20px;
11123
10956
  }
11124
10957
  .amb-design-attr-base-content {
11125
10958
  background: #ffffff;
@@ -11152,20 +10985,21 @@ fieldset.amb-design-item-selected {
11152
10985
  }
11153
10986
  .amb-design-content {
11154
10987
  overflow: auto;
11155
- display: flex;
11156
- flex-direction: column;
10988
+ display: block;
11157
10989
  flex: none;
11158
10990
  position: relative;
11159
- width: 100%;
11160
- height: 100%;
10991
+ width: 100%;
11161
10992
  }
11162
10993
  .amb-design-content::-webkit-scrollbar {
11163
10994
  width: 1px;
11164
10995
  }
11165
10996
  .amb-design-content-center-header {
10997
+ position: sticky;
10998
+ z-index: 4;
10999
+ top: 0;
11166
11000
  height: 54px;
11167
11001
  background-color: #f7f8fa;
11168
- margin: 15px;
11002
+ padding-top: 14px;
11169
11003
  }
11170
11004
  .amb-design-tool {
11171
11005
  position: relative;
@@ -11211,27 +11045,21 @@ fieldset.amb-design-item-selected {
11211
11045
  position: relative;
11212
11046
  cursor: pointer;
11213
11047
  }
11214
- .el-scrollbar__view:has(.amb-design-board) {
11215
- padding: 0 15px;
11216
- height: 100%;
11217
- }
11218
11048
  .amb-design-board {
11219
- min-height: 100%;
11220
11049
  margin: 0 auto;
11050
+ margin-top: 12px;
11051
+ overflow-y: hidden;
11052
+ overflow-x: auto;
11221
11053
  background: #ffffff;
11222
11054
  border-radius: 2px 2px 2px 2px;
11223
11055
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
11224
11056
  padding-bottom: 100px;
11225
11057
  }
11226
- .amb-design-board .el-row > div {
11227
- width: 100%;
11228
- }
11229
11058
  .amb-item-ghost {
11230
- background-color: rgba(64, 158, 255, .1);
11059
+ background-color: #5893ef;
11060
+ height: 5px;
11061
+ line-height: 5px;
11231
11062
  overflow: hidden;
11232
- }
11233
- .amb-item-ghost > * {
11234
- opacity: 0;
11235
11063
  }
11236
11064
  /* 将你的自定义样式添加到这里 */
11237
11065
  .draggable-placeholder {
@@ -11439,23 +11267,24 @@ fieldset.amb-design-item-selected {
11439
11267
  }
11440
11268
  /* 用于占位 */
11441
11269
  .amb-widget-tools-parent {
11442
- width: 100%;
11270
+ width: 100%;
11271
+ min-height: 58px;
11272
+ margin-bottom: 18px;
11443
11273
  }
11444
11274
  .amb-widget-tools {
11445
11275
  display: flex;
11446
- flex-wrap: wrap;
11447
11276
  /* 垂直居中 */
11448
11277
  align-items: center;
11449
11278
  background: #fafafa;
11450
11279
  /* background:#FAFAFA; */
11451
11280
  /* background-color: var(--el-card-bg-color); */
11452
11281
  /* border:1px solid #e4e7ed; */
11282
+ height: 58px;
11453
11283
  border-radius: 4px;
11454
11284
  width: transparent;
11455
11285
  padding-left: 20px;
11456
11286
  padding-right: 20px;
11457
11287
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
11458
- min-height: 58px;
11459
11288
  /* --el-card-border-color: var(--el-border-color-light);
11460
11289
  --el-card-border-radius: 4px;
11461
11290
  --el-card-bg-color: var(--el-fill-color-blank);
@@ -11477,9 +11306,6 @@ fieldset.amb-design-item-selected {
11477
11306
  border: 1px solid #e6a23c !important;
11478
11307
  /* background-color: rgba(205, 210, 216, 0.105); */
11479
11308
  }
11480
- .amb-design-item-default > div {
11481
- width: 100%;
11482
- }
11483
11309
  .amb-design-attr-group-header > button {
11484
11310
  background: #f5f6f8;
11485
11311
  padding-left: 10px;
@@ -11590,7 +11416,8 @@ fieldset.amb-design-item-selected {
11590
11416
  color: var(--el-text-color-primary);
11591
11417
  overflow: hidden;
11592
11418
  transition: var(--el-transition-duration);
11593
- box-shadow: var(--el-box-shadow-light);
11419
+ box-shadow: var(--el-box-shadow-light);
11420
+ margin-bottom: 18px;
11594
11421
  }
11595
11422
  .amb-widget-chart-header {
11596
11423
  border-bottom: 1px solid var(--el-card-border-color);
@@ -11608,6 +11435,9 @@ fieldset.amb-design-item-selected {
11608
11435
  vertical-align: middle;
11609
11436
  justify-content: center;
11610
11437
  }
11438
+ .el-card {
11439
+ margin-bottom: 18px;
11440
+ }
11611
11441
  .el-collapse {
11612
11442
  margin-bottom: 18px;
11613
11443
  }
@@ -11632,6 +11462,9 @@ fieldset.amb-design-item-selected {
11632
11462
  }
11633
11463
  .el-button-group > .el-button {
11634
11464
  margin-right: 0px;
11465
+ }
11466
+ .el-form-item > .el-form-item__content {
11467
+ padding-right: 18px;
11635
11468
  }
11636
11469
  /* 设计时样式 */
11637
11470
  .amb-design-item > .el-dropdown > .el-button-group {
@@ -11664,8 +11497,7 @@ fieldset.amb-design-item-selected {
11664
11497
  line-height: 60px;
11665
11498
  background-color: #ffffff;
11666
11499
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
11667
- text-align: center;
11668
- border-bottom: 1px solid rgba(0, 0, 0, 0.05);
11500
+ text-align: center;
11669
11501
  }
11670
11502
  .amb-page-container-header-page {
11671
11503
  position: fixed;
@@ -11692,30 +11524,24 @@ fieldset.amb-design-item-selected {
11692
11524
  background: #5893ef;
11693
11525
  color: #ffffff;
11694
11526
  }
11695
- .amb-page-container-header ~ .amb-page-container-main {
11696
- height: calc(100vh - 60px);
11697
- }
11698
11527
  .amb-page-container-main {
11699
11528
  position: relative;
11700
11529
  overflow: auto;
11701
11530
  }
11702
- .amb-page-container-main > .el-container {
11703
- height: 100%;
11704
- }
11705
11531
  .amb-container-left {
11706
- width: 280px !important;
11532
+ padding-right: 20px;
11707
11533
  overflow-y: auto;
11708
11534
  }
11709
11535
  .amb-container-main {
11710
11536
  padding: 0px !important;
11711
- user-select: none;
11712
- overflow: hidden;
11537
+ user-select: none;
11713
11538
  }
11714
11539
  .amb-container-main::-webkit-scrollbar {
11715
11540
  width: 1px;
11716
11541
  }
11717
11542
  .amb-container-attr {
11718
- width: 280px !important;
11543
+ width: 300px;
11544
+ padding-left: 20px;
11719
11545
  }
11720
11546
  .amb-design-attr-base-content {
11721
11547
  background: #ffffff;
@@ -11748,20 +11574,21 @@ fieldset.amb-design-item-selected {
11748
11574
  }
11749
11575
  .amb-design-content {
11750
11576
  overflow: auto;
11751
- display: flex;
11752
- flex-direction: column;
11577
+ display: block;
11753
11578
  flex: none;
11754
11579
  position: relative;
11755
- width: 100%;
11756
- height: 100%;
11580
+ width: 100%;
11757
11581
  }
11758
11582
  .amb-design-content::-webkit-scrollbar {
11759
11583
  width: 1px;
11760
11584
  }
11761
11585
  .amb-design-content-center-header {
11586
+ position: sticky;
11587
+ z-index: 4;
11588
+ top: 0;
11762
11589
  height: 54px;
11763
11590
  background-color: #f7f8fa;
11764
- margin: 15px;
11591
+ padding-top: 14px;
11765
11592
  }
11766
11593
  .amb-design-tool {
11767
11594
  position: relative;
@@ -11807,27 +11634,21 @@ fieldset.amb-design-item-selected {
11807
11634
  position: relative;
11808
11635
  cursor: pointer;
11809
11636
  }
11810
- .el-scrollbar__view:has(.amb-design-board) {
11811
- padding: 0 15px;
11812
- height: 100%;
11813
- }
11814
11637
  .amb-design-board {
11815
- min-height: 100%;
11816
11638
  margin: 0 auto;
11639
+ margin-top: 12px;
11640
+ overflow-y: hidden;
11641
+ overflow-x: auto;
11817
11642
  background: #ffffff;
11818
11643
  border-radius: 2px 2px 2px 2px;
11819
11644
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
11820
11645
  padding-bottom: 100px;
11821
11646
  }
11822
- .amb-design-board .el-row > div {
11823
- width: 100%;
11824
- }
11825
11647
  .amb-item-ghost {
11826
- background-color: rgba(64, 158, 255, .1);
11648
+ background-color: #5893ef;
11649
+ height: 5px;
11650
+ line-height: 5px;
11827
11651
  overflow: hidden;
11828
- }
11829
- .amb-item-ghost > * {
11830
- opacity: 0;
11831
11652
  }
11832
11653
  /* 将你的自定义样式添加到这里 */
11833
11654
  .draggable-placeholder {
@@ -12035,23 +11856,24 @@ fieldset.amb-design-item-selected {
12035
11856
  }
12036
11857
  /* 用于占位 */
12037
11858
  .amb-widget-tools-parent {
12038
- width: 100%;
11859
+ width: 100%;
11860
+ min-height: 58px;
11861
+ margin-bottom: 18px;
12039
11862
  }
12040
11863
  .amb-widget-tools {
12041
11864
  display: flex;
12042
- flex-wrap: wrap;
12043
11865
  /* 垂直居中 */
12044
11866
  align-items: center;
12045
11867
  background: #fafafa;
12046
11868
  /* background:#FAFAFA; */
12047
11869
  /* background-color: var(--el-card-bg-color); */
12048
11870
  /* border:1px solid #e4e7ed; */
11871
+ height: 58px;
12049
11872
  border-radius: 4px;
12050
11873
  width: transparent;
12051
11874
  padding-left: 20px;
12052
11875
  padding-right: 20px;
12053
11876
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
12054
- min-height: 58px;
12055
11877
  /* --el-card-border-color: var(--el-border-color-light);
12056
11878
  --el-card-border-radius: 4px;
12057
11879
  --el-card-bg-color: var(--el-fill-color-blank);
@@ -12073,9 +11895,6 @@ fieldset.amb-design-item-selected {
12073
11895
  border: 1px solid #e6a23c !important;
12074
11896
  /* background-color: rgba(205, 210, 216, 0.105); */
12075
11897
  }
12076
- .amb-design-item-default > div {
12077
- width: 100%;
12078
- }
12079
11898
  .amb-design-attr-group-header > button {
12080
11899
  background: #f5f6f8;
12081
11900
  padding-left: 10px;
@@ -12186,7 +12005,8 @@ fieldset.amb-design-item-selected {
12186
12005
  color: var(--el-text-color-primary);
12187
12006
  overflow: hidden;
12188
12007
  transition: var(--el-transition-duration);
12189
- box-shadow: var(--el-box-shadow-light);
12008
+ box-shadow: var(--el-box-shadow-light);
12009
+ margin-bottom: 18px;
12190
12010
  }
12191
12011
  .amb-widget-chart-header {
12192
12012
  border-bottom: 1px solid var(--el-card-border-color);
@@ -12204,6 +12024,9 @@ fieldset.amb-design-item-selected {
12204
12024
  vertical-align: middle;
12205
12025
  justify-content: center;
12206
12026
  }
12027
+ .el-card {
12028
+ margin-bottom: 18px;
12029
+ }
12207
12030
  .el-collapse {
12208
12031
  margin-bottom: 18px;
12209
12032
  }
@@ -12228,6 +12051,9 @@ fieldset.amb-design-item-selected {
12228
12051
  }
12229
12052
  .el-button-group > .el-button {
12230
12053
  margin-right: 0px;
12054
+ }
12055
+ .el-form-item > .el-form-item__content {
12056
+ padding-right: 18px;
12231
12057
  }
12232
12058
  /* 设计时样式 */
12233
12059
  .amb-design-item > .el-dropdown > .el-button-group {
@@ -12260,8 +12086,7 @@ fieldset.amb-design-item-selected {
12260
12086
  line-height: 60px;
12261
12087
  background-color: #ffffff;
12262
12088
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
12263
- text-align: center;
12264
- border-bottom: 1px solid rgba(0, 0, 0, 0.05);
12089
+ text-align: center;
12265
12090
  }
12266
12091
  .amb-page-container-header-page {
12267
12092
  position: fixed;
@@ -12288,30 +12113,24 @@ fieldset.amb-design-item-selected {
12288
12113
  background: #5893ef;
12289
12114
  color: #ffffff;
12290
12115
  }
12291
- .amb-page-container-header ~ .amb-page-container-main {
12292
- height: calc(100vh - 60px);
12293
- }
12294
12116
  .amb-page-container-main {
12295
12117
  position: relative;
12296
12118
  overflow: auto;
12297
12119
  }
12298
- .amb-page-container-main > .el-container {
12299
- height: 100%;
12300
- }
12301
12120
  .amb-container-left {
12302
- width: 280px !important;
12121
+ padding-right: 20px;
12303
12122
  overflow-y: auto;
12304
12123
  }
12305
12124
  .amb-container-main {
12306
12125
  padding: 0px !important;
12307
- user-select: none;
12308
- overflow: hidden;
12126
+ user-select: none;
12309
12127
  }
12310
12128
  .amb-container-main::-webkit-scrollbar {
12311
12129
  width: 1px;
12312
12130
  }
12313
12131
  .amb-container-attr {
12314
- width: 280px !important;
12132
+ width: 300px;
12133
+ padding-left: 20px;
12315
12134
  }
12316
12135
  .amb-design-attr-base-content {
12317
12136
  background: #ffffff;
@@ -12344,20 +12163,21 @@ fieldset.amb-design-item-selected {
12344
12163
  }
12345
12164
  .amb-design-content {
12346
12165
  overflow: auto;
12347
- display: flex;
12348
- flex-direction: column;
12166
+ display: block;
12349
12167
  flex: none;
12350
12168
  position: relative;
12351
- width: 100%;
12352
- height: 100%;
12169
+ width: 100%;
12353
12170
  }
12354
12171
  .amb-design-content::-webkit-scrollbar {
12355
12172
  width: 1px;
12356
12173
  }
12357
12174
  .amb-design-content-center-header {
12175
+ position: sticky;
12176
+ z-index: 4;
12177
+ top: 0;
12358
12178
  height: 54px;
12359
12179
  background-color: #f7f8fa;
12360
- margin: 15px;
12180
+ padding-top: 14px;
12361
12181
  }
12362
12182
  .amb-design-tool {
12363
12183
  position: relative;
@@ -12401,29 +12221,23 @@ fieldset.amb-design-item-selected {
12401
12221
  padding-bottom: 15px;
12402
12222
  top: -5px;
12403
12223
  position: relative;
12404
- cursor: pointer;
12405
- }
12406
- .el-scrollbar__view:has(.amb-design-board) {
12407
- padding: 0 15px;
12408
- height: 100%;
12224
+ cursor: pointer;
12409
12225
  }
12410
12226
  .amb-design-board {
12411
- min-height: 100%;
12412
12227
  margin: 0 auto;
12228
+ margin-top: 12px;
12229
+ overflow-y: hidden;
12230
+ overflow-x: auto;
12413
12231
  background: #ffffff;
12414
12232
  border-radius: 2px 2px 2px 2px;
12415
12233
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
12416
12234
  padding-bottom: 100px;
12417
12235
  }
12418
- .amb-design-board .el-row > div {
12419
- width: 100%;
12420
- }
12421
12236
  .amb-item-ghost {
12422
- background-color: rgba(64, 158, 255, .1);
12237
+ background-color: #5893ef;
12238
+ height: 5px;
12239
+ line-height: 5px;
12423
12240
  overflow: hidden;
12424
- }
12425
- .amb-item-ghost > * {
12426
- opacity: 0;
12427
12241
  }
12428
12242
  /* 将你的自定义样式添加到这里 */
12429
12243
  .draggable-placeholder {
@@ -12631,23 +12445,24 @@ fieldset.amb-design-item-selected {
12631
12445
  }
12632
12446
  /* 用于占位 */
12633
12447
  .amb-widget-tools-parent {
12634
- width: 100%;
12448
+ width: 100%;
12449
+ min-height: 58px;
12450
+ margin-bottom: 18px;
12635
12451
  }
12636
12452
  .amb-widget-tools {
12637
12453
  display: flex;
12638
- flex-wrap: wrap;
12639
12454
  /* 垂直居中 */
12640
12455
  align-items: center;
12641
12456
  background: #fafafa;
12642
12457
  /* background:#FAFAFA; */
12643
12458
  /* background-color: var(--el-card-bg-color); */
12644
12459
  /* border:1px solid #e4e7ed; */
12460
+ height: 58px;
12645
12461
  border-radius: 4px;
12646
12462
  width: transparent;
12647
12463
  padding-left: 20px;
12648
12464
  padding-right: 20px;
12649
12465
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
12650
- min-height: 58px;
12651
12466
  /* --el-card-border-color: var(--el-border-color-light);
12652
12467
  --el-card-border-radius: 4px;
12653
12468
  --el-card-bg-color: var(--el-fill-color-blank);
@@ -12669,9 +12484,6 @@ fieldset.amb-design-item-selected {
12669
12484
  border: 1px solid #e6a23c !important;
12670
12485
  /* background-color: rgba(205, 210, 216, 0.105); */
12671
12486
  }
12672
- .amb-design-item-default > div {
12673
- width: 100%;
12674
- }
12675
12487
  .amb-design-attr-group-header > button {
12676
12488
  background: #f5f6f8;
12677
12489
  padding-left: 10px;
@@ -12782,7 +12594,8 @@ fieldset.amb-design-item-selected {
12782
12594
  color: var(--el-text-color-primary);
12783
12595
  overflow: hidden;
12784
12596
  transition: var(--el-transition-duration);
12785
- box-shadow: var(--el-box-shadow-light);
12597
+ box-shadow: var(--el-box-shadow-light);
12598
+ margin-bottom: 18px;
12786
12599
  }
12787
12600
  .amb-widget-chart-header {
12788
12601
  border-bottom: 1px solid var(--el-card-border-color);
@@ -12800,6 +12613,9 @@ fieldset.amb-design-item-selected {
12800
12613
  vertical-align: middle;
12801
12614
  justify-content: center;
12802
12615
  }
12616
+ .el-card {
12617
+ margin-bottom: 18px;
12618
+ }
12803
12619
  .el-collapse {
12804
12620
  margin-bottom: 18px;
12805
12621
  }
@@ -12824,6 +12640,9 @@ fieldset.amb-design-item-selected {
12824
12640
  }
12825
12641
  .el-button-group > .el-button {
12826
12642
  margin-right: 0px;
12643
+ }
12644
+ .el-form-item > .el-form-item__content {
12645
+ padding-right: 18px;
12827
12646
  }
12828
12647
  /* 设计时样式 */
12829
12648
  .amb-design-item > .el-dropdown > .el-button-group {
@@ -12856,8 +12675,7 @@ fieldset.amb-design-item-selected {
12856
12675
  line-height: 60px;
12857
12676
  background-color: #ffffff;
12858
12677
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
12859
- text-align: center;
12860
- border-bottom: 1px solid rgba(0, 0, 0, 0.05);
12678
+ text-align: center;
12861
12679
  }
12862
12680
  .amb-page-container-header-page {
12863
12681
  position: fixed;
@@ -12884,30 +12702,24 @@ fieldset.amb-design-item-selected {
12884
12702
  background: #5893ef;
12885
12703
  color: #ffffff;
12886
12704
  }
12887
- .amb-page-container-header ~ .amb-page-container-main {
12888
- height: calc(100vh - 60px);
12889
- }
12890
12705
  .amb-page-container-main {
12891
12706
  position: relative;
12892
12707
  overflow: auto;
12893
12708
  }
12894
- .amb-page-container-main > .el-container {
12895
- height: 100%;
12896
- }
12897
12709
  .amb-container-left {
12898
- width: 280px !important;
12710
+ padding-right: 20px;
12899
12711
  overflow-y: auto;
12900
12712
  }
12901
12713
  .amb-container-main {
12902
12714
  padding: 0px !important;
12903
- user-select: none;
12904
- overflow: hidden;
12715
+ user-select: none;
12905
12716
  }
12906
12717
  .amb-container-main::-webkit-scrollbar {
12907
12718
  width: 1px;
12908
12719
  }
12909
12720
  .amb-container-attr {
12910
- width: 280px !important;
12721
+ width: 300px;
12722
+ padding-left: 20px;
12911
12723
  }
12912
12724
  .amb-design-attr-base-content {
12913
12725
  background: #ffffff;
@@ -12940,20 +12752,21 @@ fieldset.amb-design-item-selected {
12940
12752
  }
12941
12753
  .amb-design-content {
12942
12754
  overflow: auto;
12943
- display: flex;
12944
- flex-direction: column;
12755
+ display: block;
12945
12756
  flex: none;
12946
12757
  position: relative;
12947
- width: 100%;
12948
- height: 100%;
12758
+ width: 100%;
12949
12759
  }
12950
12760
  .amb-design-content::-webkit-scrollbar {
12951
12761
  width: 1px;
12952
12762
  }
12953
12763
  .amb-design-content-center-header {
12764
+ position: sticky;
12765
+ z-index: 4;
12766
+ top: 0;
12954
12767
  height: 54px;
12955
12768
  background-color: #f7f8fa;
12956
- margin: 15px;
12769
+ padding-top: 14px;
12957
12770
  }
12958
12771
  .amb-design-tool {
12959
12772
  position: relative;
@@ -12999,27 +12812,21 @@ fieldset.amb-design-item-selected {
12999
12812
  position: relative;
13000
12813
  cursor: pointer;
13001
12814
  }
13002
- .el-scrollbar__view:has(.amb-design-board) {
13003
- padding: 0 15px;
13004
- height: 100%;
13005
- }
13006
12815
  .amb-design-board {
13007
- min-height: 100%;
13008
12816
  margin: 0 auto;
12817
+ margin-top: 12px;
12818
+ overflow-y: hidden;
12819
+ overflow-x: auto;
13009
12820
  background: #ffffff;
13010
12821
  border-radius: 2px 2px 2px 2px;
13011
12822
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
13012
12823
  padding-bottom: 100px;
13013
12824
  }
13014
- .amb-design-board .el-row > div {
13015
- width: 100%;
13016
- }
13017
12825
  .amb-item-ghost {
13018
- background-color: rgba(64, 158, 255, .1);
12826
+ background-color: #5893ef;
12827
+ height: 5px;
12828
+ line-height: 5px;
13019
12829
  overflow: hidden;
13020
- }
13021
- .amb-item-ghost > * {
13022
- opacity: 0;
13023
12830
  }
13024
12831
  /* 将你的自定义样式添加到这里 */
13025
12832
  .draggable-placeholder {
@@ -13227,23 +13034,24 @@ fieldset.amb-design-item-selected {
13227
13034
  }
13228
13035
  /* 用于占位 */
13229
13036
  .amb-widget-tools-parent {
13230
- width: 100%;
13037
+ width: 100%;
13038
+ min-height: 58px;
13039
+ margin-bottom: 18px;
13231
13040
  }
13232
13041
  .amb-widget-tools {
13233
13042
  display: flex;
13234
- flex-wrap: wrap;
13235
13043
  /* 垂直居中 */
13236
13044
  align-items: center;
13237
13045
  background: #fafafa;
13238
13046
  /* background:#FAFAFA; */
13239
13047
  /* background-color: var(--el-card-bg-color); */
13240
13048
  /* border:1px solid #e4e7ed; */
13049
+ height: 58px;
13241
13050
  border-radius: 4px;
13242
13051
  width: transparent;
13243
13052
  padding-left: 20px;
13244
13053
  padding-right: 20px;
13245
13054
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
13246
- min-height: 58px;
13247
13055
  /* --el-card-border-color: var(--el-border-color-light);
13248
13056
  --el-card-border-radius: 4px;
13249
13057
  --el-card-bg-color: var(--el-fill-color-blank);
@@ -13265,9 +13073,6 @@ fieldset.amb-design-item-selected {
13265
13073
  border: 1px solid #e6a23c !important;
13266
13074
  /* background-color: rgba(205, 210, 216, 0.105); */
13267
13075
  }
13268
- .amb-design-item-default > div {
13269
- width: 100%;
13270
- }
13271
13076
  .amb-design-attr-group-header > button {
13272
13077
  background: #f5f6f8;
13273
13078
  padding-left: 10px;
@@ -13378,7 +13183,8 @@ fieldset.amb-design-item-selected {
13378
13183
  color: var(--el-text-color-primary);
13379
13184
  overflow: hidden;
13380
13185
  transition: var(--el-transition-duration);
13381
- box-shadow: var(--el-box-shadow-light);
13186
+ box-shadow: var(--el-box-shadow-light);
13187
+ margin-bottom: 18px;
13382
13188
  }
13383
13189
  .amb-widget-chart-header {
13384
13190
  border-bottom: 1px solid var(--el-card-border-color);
@@ -13396,6 +13202,9 @@ fieldset.amb-design-item-selected {
13396
13202
  vertical-align: middle;
13397
13203
  justify-content: center;
13398
13204
  }
13205
+ .el-card {
13206
+ margin-bottom: 18px;
13207
+ }
13399
13208
  .el-collapse {
13400
13209
  margin-bottom: 18px;
13401
13210
  }
@@ -13420,6 +13229,9 @@ fieldset.amb-design-item-selected {
13420
13229
  }
13421
13230
  .el-button-group > .el-button {
13422
13231
  margin-right: 0px;
13232
+ }
13233
+ .el-form-item > .el-form-item__content {
13234
+ padding-right: 18px;
13423
13235
  }
13424
13236
  /* 设计时样式 */
13425
13237
  .amb-design-item > .el-dropdown > .el-button-group {
@@ -13452,8 +13264,7 @@ fieldset.amb-design-item-selected {
13452
13264
  line-height: 60px;
13453
13265
  background-color: #ffffff;
13454
13266
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
13455
- text-align: center;
13456
- border-bottom: 1px solid rgba(0, 0, 0, 0.05);
13267
+ text-align: center;
13457
13268
  }
13458
13269
  .amb-page-container-header-page {
13459
13270
  position: fixed;
@@ -13480,30 +13291,24 @@ fieldset.amb-design-item-selected {
13480
13291
  background: #5893ef;
13481
13292
  color: #ffffff;
13482
13293
  }
13483
- .amb-page-container-header ~ .amb-page-container-main {
13484
- height: calc(100vh - 60px);
13485
- }
13486
13294
  .amb-page-container-main {
13487
13295
  position: relative;
13488
13296
  overflow: auto;
13489
13297
  }
13490
- .amb-page-container-main > .el-container {
13491
- height: 100%;
13492
- }
13493
13298
  .amb-container-left {
13494
- width: 280px !important;
13299
+ padding-right: 20px;
13495
13300
  overflow-y: auto;
13496
13301
  }
13497
13302
  .amb-container-main {
13498
13303
  padding: 0px !important;
13499
- user-select: none;
13500
- overflow: hidden;
13304
+ user-select: none;
13501
13305
  }
13502
13306
  .amb-container-main::-webkit-scrollbar {
13503
13307
  width: 1px;
13504
13308
  }
13505
13309
  .amb-container-attr {
13506
- width: 280px !important;
13310
+ width: 300px;
13311
+ padding-left: 20px;
13507
13312
  }
13508
13313
  .amb-design-attr-base-content {
13509
13314
  background: #ffffff;
@@ -13536,20 +13341,21 @@ fieldset.amb-design-item-selected {
13536
13341
  }
13537
13342
  .amb-design-content {
13538
13343
  overflow: auto;
13539
- display: flex;
13540
- flex-direction: column;
13344
+ display: block;
13541
13345
  flex: none;
13542
13346
  position: relative;
13543
- width: 100%;
13544
- height: 100%;
13347
+ width: 100%;
13545
13348
  }
13546
13349
  .amb-design-content::-webkit-scrollbar {
13547
13350
  width: 1px;
13548
13351
  }
13549
13352
  .amb-design-content-center-header {
13353
+ position: sticky;
13354
+ z-index: 4;
13355
+ top: 0;
13550
13356
  height: 54px;
13551
13357
  background-color: #f7f8fa;
13552
- margin: 15px;
13358
+ padding-top: 14px;
13553
13359
  }
13554
13360
  .amb-design-tool {
13555
13361
  position: relative;
@@ -13595,27 +13401,21 @@ fieldset.amb-design-item-selected {
13595
13401
  position: relative;
13596
13402
  cursor: pointer;
13597
13403
  }
13598
- .el-scrollbar__view:has(.amb-design-board) {
13599
- padding: 0 15px;
13600
- height: 100%;
13601
- }
13602
13404
  .amb-design-board {
13603
- min-height: 100%;
13604
13405
  margin: 0 auto;
13406
+ margin-top: 12px;
13407
+ overflow-y: hidden;
13408
+ overflow-x: auto;
13605
13409
  background: #ffffff;
13606
13410
  border-radius: 2px 2px 2px 2px;
13607
13411
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
13608
13412
  padding-bottom: 100px;
13609
13413
  }
13610
- .amb-design-board .el-row > div {
13611
- width: 100%;
13612
- }
13613
13414
  .amb-item-ghost {
13614
- background-color: rgba(64, 158, 255, .1);
13415
+ background-color: #5893ef;
13416
+ height: 5px;
13417
+ line-height: 5px;
13615
13418
  overflow: hidden;
13616
- }
13617
- .amb-item-ghost > * {
13618
- opacity: 0;
13619
13419
  }
13620
13420
  /* 将你的自定义样式添加到这里 */
13621
13421
  .draggable-placeholder {
@@ -13823,23 +13623,24 @@ fieldset.amb-design-item-selected {
13823
13623
  }
13824
13624
  /* 用于占位 */
13825
13625
  .amb-widget-tools-parent {
13826
- width: 100%;
13626
+ width: 100%;
13627
+ min-height: 58px;
13628
+ margin-bottom: 18px;
13827
13629
  }
13828
13630
  .amb-widget-tools {
13829
13631
  display: flex;
13830
- flex-wrap: wrap;
13831
13632
  /* 垂直居中 */
13832
13633
  align-items: center;
13833
13634
  background: #fafafa;
13834
13635
  /* background:#FAFAFA; */
13835
13636
  /* background-color: var(--el-card-bg-color); */
13836
13637
  /* border:1px solid #e4e7ed; */
13638
+ height: 58px;
13837
13639
  border-radius: 4px;
13838
13640
  width: transparent;
13839
13641
  padding-left: 20px;
13840
13642
  padding-right: 20px;
13841
13643
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
13842
- min-height: 58px;
13843
13644
  /* --el-card-border-color: var(--el-border-color-light);
13844
13645
  --el-card-border-radius: 4px;
13845
13646
  --el-card-bg-color: var(--el-fill-color-blank);
@@ -13861,9 +13662,6 @@ fieldset.amb-design-item-selected {
13861
13662
  border: 1px solid #e6a23c !important;
13862
13663
  /* background-color: rgba(205, 210, 216, 0.105); */
13863
13664
  }
13864
- .amb-design-item-default > div {
13865
- width: 100%;
13866
- }
13867
13665
  .amb-design-attr-group-header > button {
13868
13666
  background: #f5f6f8;
13869
13667
  padding-left: 10px;
@@ -13974,7 +13772,8 @@ fieldset.amb-design-item-selected {
13974
13772
  color: var(--el-text-color-primary);
13975
13773
  overflow: hidden;
13976
13774
  transition: var(--el-transition-duration);
13977
- box-shadow: var(--el-box-shadow-light);
13775
+ box-shadow: var(--el-box-shadow-light);
13776
+ margin-bottom: 18px;
13978
13777
  }
13979
13778
  .amb-widget-chart-header {
13980
13779
  border-bottom: 1px solid var(--el-card-border-color);
@@ -13992,6 +13791,9 @@ fieldset.amb-design-item-selected {
13992
13791
  vertical-align: middle;
13993
13792
  justify-content: center;
13994
13793
  }
13794
+ .el-card {
13795
+ margin-bottom: 18px;
13796
+ }
13995
13797
  .el-collapse {
13996
13798
  margin-bottom: 18px;
13997
13799
  }
@@ -14016,6 +13818,9 @@ fieldset.amb-design-item-selected {
14016
13818
  }
14017
13819
  .el-button-group > .el-button {
14018
13820
  margin-right: 0px;
13821
+ }
13822
+ .el-form-item > .el-form-item__content {
13823
+ padding-right: 18px;
14019
13824
  }
14020
13825
  /* 设计时样式 */
14021
13826
  .amb-design-item > .el-dropdown > .el-button-group {
@@ -14048,8 +13853,7 @@ fieldset.amb-design-item-selected {
14048
13853
  line-height: 60px;
14049
13854
  background-color: #ffffff;
14050
13855
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
14051
- text-align: center;
14052
- border-bottom: 1px solid rgba(0, 0, 0, 0.05);
13856
+ text-align: center;
14053
13857
  }
14054
13858
  .amb-page-container-header-page {
14055
13859
  position: fixed;
@@ -14076,30 +13880,24 @@ fieldset.amb-design-item-selected {
14076
13880
  background: #5893ef;
14077
13881
  color: #ffffff;
14078
13882
  }
14079
- .amb-page-container-header ~ .amb-page-container-main {
14080
- height: calc(100vh - 60px);
14081
- }
14082
13883
  .amb-page-container-main {
14083
13884
  position: relative;
14084
13885
  overflow: auto;
14085
13886
  }
14086
- .amb-page-container-main > .el-container {
14087
- height: 100%;
14088
- }
14089
13887
  .amb-container-left {
14090
- width: 280px !important;
13888
+ padding-right: 20px;
14091
13889
  overflow-y: auto;
14092
13890
  }
14093
13891
  .amb-container-main {
14094
13892
  padding: 0px !important;
14095
- user-select: none;
14096
- overflow: hidden;
13893
+ user-select: none;
14097
13894
  }
14098
13895
  .amb-container-main::-webkit-scrollbar {
14099
13896
  width: 1px;
14100
13897
  }
14101
13898
  .amb-container-attr {
14102
- width: 280px !important;
13899
+ width: 300px;
13900
+ padding-left: 20px;
14103
13901
  }
14104
13902
  .amb-design-attr-base-content {
14105
13903
  background: #ffffff;
@@ -14132,20 +13930,21 @@ fieldset.amb-design-item-selected {
14132
13930
  }
14133
13931
  .amb-design-content {
14134
13932
  overflow: auto;
14135
- display: flex;
14136
- flex-direction: column;
13933
+ display: block;
14137
13934
  flex: none;
14138
13935
  position: relative;
14139
- width: 100%;
14140
- height: 100%;
13936
+ width: 100%;
14141
13937
  }
14142
13938
  .amb-design-content::-webkit-scrollbar {
14143
13939
  width: 1px;
14144
13940
  }
14145
13941
  .amb-design-content-center-header {
13942
+ position: sticky;
13943
+ z-index: 4;
13944
+ top: 0;
14146
13945
  height: 54px;
14147
13946
  background-color: #f7f8fa;
14148
- margin: 15px;
13947
+ padding-top: 14px;
14149
13948
  }
14150
13949
  .amb-design-tool {
14151
13950
  position: relative;
@@ -14191,27 +13990,21 @@ fieldset.amb-design-item-selected {
14191
13990
  position: relative;
14192
13991
  cursor: pointer;
14193
13992
  }
14194
- .el-scrollbar__view:has(.amb-design-board) {
14195
- padding: 0 15px;
14196
- height: 100%;
14197
- }
14198
13993
  .amb-design-board {
14199
- min-height: 100%;
14200
13994
  margin: 0 auto;
13995
+ margin-top: 12px;
13996
+ overflow-y: hidden;
13997
+ overflow-x: auto;
14201
13998
  background: #ffffff;
14202
13999
  border-radius: 2px 2px 2px 2px;
14203
14000
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
14204
14001
  padding-bottom: 100px;
14205
14002
  }
14206
- .amb-design-board .el-row > div {
14207
- width: 100%;
14208
- }
14209
14003
  .amb-item-ghost {
14210
- background-color: rgba(64, 158, 255, .1);
14004
+ background-color: #5893ef;
14005
+ height: 5px;
14006
+ line-height: 5px;
14211
14007
  overflow: hidden;
14212
- }
14213
- .amb-item-ghost > * {
14214
- opacity: 0;
14215
14008
  }
14216
14009
  /* 将你的自定义样式添加到这里 */
14217
14010
  .draggable-placeholder {
@@ -14419,23 +14212,24 @@ fieldset.amb-design-item-selected {
14419
14212
  }
14420
14213
  /* 用于占位 */
14421
14214
  .amb-widget-tools-parent {
14422
- width: 100%;
14215
+ width: 100%;
14216
+ min-height: 58px;
14217
+ margin-bottom: 18px;
14423
14218
  }
14424
14219
  .amb-widget-tools {
14425
14220
  display: flex;
14426
- flex-wrap: wrap;
14427
14221
  /* 垂直居中 */
14428
14222
  align-items: center;
14429
14223
  background: #fafafa;
14430
14224
  /* background:#FAFAFA; */
14431
14225
  /* background-color: var(--el-card-bg-color); */
14432
14226
  /* border:1px solid #e4e7ed; */
14227
+ height: 58px;
14433
14228
  border-radius: 4px;
14434
14229
  width: transparent;
14435
14230
  padding-left: 20px;
14436
14231
  padding-right: 20px;
14437
14232
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
14438
- min-height: 58px;
14439
14233
  /* --el-card-border-color: var(--el-border-color-light);
14440
14234
  --el-card-border-radius: 4px;
14441
14235
  --el-card-bg-color: var(--el-fill-color-blank);
@@ -14457,9 +14251,6 @@ fieldset.amb-design-item-selected {
14457
14251
  border: 1px solid #e6a23c !important;
14458
14252
  /* background-color: rgba(205, 210, 216, 0.105); */
14459
14253
  }
14460
- .amb-design-item-default > div {
14461
- width: 100%;
14462
- }
14463
14254
  .amb-design-attr-group-header > button {
14464
14255
  background: #f5f6f8;
14465
14256
  padding-left: 10px;
@@ -14570,7 +14361,8 @@ fieldset.amb-design-item-selected {
14570
14361
  color: var(--el-text-color-primary);
14571
14362
  overflow: hidden;
14572
14363
  transition: var(--el-transition-duration);
14573
- box-shadow: var(--el-box-shadow-light);
14364
+ box-shadow: var(--el-box-shadow-light);
14365
+ margin-bottom: 18px;
14574
14366
  }
14575
14367
  .amb-widget-chart-header {
14576
14368
  border-bottom: 1px solid var(--el-card-border-color);
@@ -14588,6 +14380,9 @@ fieldset.amb-design-item-selected {
14588
14380
  vertical-align: middle;
14589
14381
  justify-content: center;
14590
14382
  }
14383
+ .el-card {
14384
+ margin-bottom: 18px;
14385
+ }
14591
14386
  .el-collapse {
14592
14387
  margin-bottom: 18px;
14593
14388
  }
@@ -14612,6 +14407,9 @@ fieldset.amb-design-item-selected {
14612
14407
  }
14613
14408
  .el-button-group > .el-button {
14614
14409
  margin-right: 0px;
14410
+ }
14411
+ .el-form-item > .el-form-item__content {
14412
+ padding-right: 18px;
14615
14413
  }
14616
14414
  /* 设计时样式 */
14617
14415
  .amb-design-item > .el-dropdown > .el-button-group {
@@ -14644,8 +14442,7 @@ fieldset.amb-design-item-selected {
14644
14442
  line-height: 60px;
14645
14443
  background-color: #ffffff;
14646
14444
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
14647
- text-align: center;
14648
- border-bottom: 1px solid rgba(0, 0, 0, 0.05);
14445
+ text-align: center;
14649
14446
  }
14650
14447
  .amb-page-container-header-page {
14651
14448
  position: fixed;
@@ -14672,30 +14469,24 @@ fieldset.amb-design-item-selected {
14672
14469
  background: #5893ef;
14673
14470
  color: #ffffff;
14674
14471
  }
14675
- .amb-page-container-header ~ .amb-page-container-main {
14676
- height: calc(100vh - 60px);
14677
- }
14678
14472
  .amb-page-container-main {
14679
14473
  position: relative;
14680
14474
  overflow: auto;
14681
14475
  }
14682
- .amb-page-container-main > .el-container {
14683
- height: 100%;
14684
- }
14685
14476
  .amb-container-left {
14686
- width: 280px !important;
14477
+ padding-right: 20px;
14687
14478
  overflow-y: auto;
14688
14479
  }
14689
14480
  .amb-container-main {
14690
14481
  padding: 0px !important;
14691
- user-select: none;
14692
- overflow: hidden;
14482
+ user-select: none;
14693
14483
  }
14694
14484
  .amb-container-main::-webkit-scrollbar {
14695
14485
  width: 1px;
14696
14486
  }
14697
14487
  .amb-container-attr {
14698
- width: 280px !important;
14488
+ width: 300px;
14489
+ padding-left: 20px;
14699
14490
  }
14700
14491
  .amb-design-attr-base-content {
14701
14492
  background: #ffffff;
@@ -14728,20 +14519,21 @@ fieldset.amb-design-item-selected {
14728
14519
  }
14729
14520
  .amb-design-content {
14730
14521
  overflow: auto;
14731
- display: flex;
14732
- flex-direction: column;
14522
+ display: block;
14733
14523
  flex: none;
14734
14524
  position: relative;
14735
- width: 100%;
14736
- height: 100%;
14525
+ width: 100%;
14737
14526
  }
14738
14527
  .amb-design-content::-webkit-scrollbar {
14739
14528
  width: 1px;
14740
14529
  }
14741
14530
  .amb-design-content-center-header {
14531
+ position: sticky;
14532
+ z-index: 4;
14533
+ top: 0;
14742
14534
  height: 54px;
14743
14535
  background-color: #f7f8fa;
14744
- margin: 15px;
14536
+ padding-top: 14px;
14745
14537
  }
14746
14538
  .amb-design-tool {
14747
14539
  position: relative;
@@ -14787,27 +14579,21 @@ fieldset.amb-design-item-selected {
14787
14579
  position: relative;
14788
14580
  cursor: pointer;
14789
14581
  }
14790
- .el-scrollbar__view:has(.amb-design-board) {
14791
- padding: 0 15px;
14792
- height: 100%;
14793
- }
14794
14582
  .amb-design-board {
14795
- min-height: 100%;
14796
14583
  margin: 0 auto;
14584
+ margin-top: 12px;
14585
+ overflow-y: hidden;
14586
+ overflow-x: auto;
14797
14587
  background: #ffffff;
14798
14588
  border-radius: 2px 2px 2px 2px;
14799
14589
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
14800
14590
  padding-bottom: 100px;
14801
14591
  }
14802
- .amb-design-board .el-row > div {
14803
- width: 100%;
14804
- }
14805
14592
  .amb-item-ghost {
14806
- background-color: rgba(64, 158, 255, .1);
14593
+ background-color: #5893ef;
14594
+ height: 5px;
14595
+ line-height: 5px;
14807
14596
  overflow: hidden;
14808
- }
14809
- .amb-item-ghost > * {
14810
- opacity: 0;
14811
14597
  }
14812
14598
  /* 将你的自定义样式添加到这里 */
14813
14599
  .draggable-placeholder {
@@ -15015,23 +14801,24 @@ fieldset.amb-design-item-selected {
15015
14801
  }
15016
14802
  /* 用于占位 */
15017
14803
  .amb-widget-tools-parent {
15018
- width: 100%;
14804
+ width: 100%;
14805
+ min-height: 58px;
14806
+ margin-bottom: 18px;
15019
14807
  }
15020
14808
  .amb-widget-tools {
15021
14809
  display: flex;
15022
- flex-wrap: wrap;
15023
14810
  /* 垂直居中 */
15024
14811
  align-items: center;
15025
14812
  background: #fafafa;
15026
14813
  /* background:#FAFAFA; */
15027
14814
  /* background-color: var(--el-card-bg-color); */
15028
14815
  /* border:1px solid #e4e7ed; */
14816
+ height: 58px;
15029
14817
  border-radius: 4px;
15030
14818
  width: transparent;
15031
14819
  padding-left: 20px;
15032
14820
  padding-right: 20px;
15033
14821
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
15034
- min-height: 58px;
15035
14822
  /* --el-card-border-color: var(--el-border-color-light);
15036
14823
  --el-card-border-radius: 4px;
15037
14824
  --el-card-bg-color: var(--el-fill-color-blank);
@@ -15053,9 +14840,6 @@ fieldset.amb-design-item-selected {
15053
14840
  border: 1px solid #e6a23c !important;
15054
14841
  /* background-color: rgba(205, 210, 216, 0.105); */
15055
14842
  }
15056
- .amb-design-item-default > div {
15057
- width: 100%;
15058
- }
15059
14843
  .amb-design-attr-group-header > button {
15060
14844
  background: #f5f6f8;
15061
14845
  padding-left: 10px;
@@ -15166,7 +14950,8 @@ fieldset.amb-design-item-selected {
15166
14950
  color: var(--el-text-color-primary);
15167
14951
  overflow: hidden;
15168
14952
  transition: var(--el-transition-duration);
15169
- box-shadow: var(--el-box-shadow-light);
14953
+ box-shadow: var(--el-box-shadow-light);
14954
+ margin-bottom: 18px;
15170
14955
  }
15171
14956
  .amb-widget-chart-header {
15172
14957
  border-bottom: 1px solid var(--el-card-border-color);
@@ -15184,6 +14969,9 @@ fieldset.amb-design-item-selected {
15184
14969
  vertical-align: middle;
15185
14970
  justify-content: center;
15186
14971
  }
14972
+ .el-card {
14973
+ margin-bottom: 18px;
14974
+ }
15187
14975
  .el-collapse {
15188
14976
  margin-bottom: 18px;
15189
14977
  }
@@ -15208,6 +14996,9 @@ fieldset.amb-design-item-selected {
15208
14996
  }
15209
14997
  .el-button-group > .el-button {
15210
14998
  margin-right: 0px;
14999
+ }
15000
+ .el-form-item > .el-form-item__content {
15001
+ padding-right: 18px;
15211
15002
  }
15212
15003
  /* 设计时样式 */
15213
15004
  .amb-design-item > .el-dropdown > .el-button-group {
@@ -15240,8 +15031,7 @@ fieldset.amb-design-item-selected {
15240
15031
  line-height: 60px;
15241
15032
  background-color: #ffffff;
15242
15033
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
15243
- text-align: center;
15244
- border-bottom: 1px solid rgba(0, 0, 0, 0.05);
15034
+ text-align: center;
15245
15035
  }
15246
15036
  .amb-page-container-header-page {
15247
15037
  position: fixed;
@@ -15268,30 +15058,24 @@ fieldset.amb-design-item-selected {
15268
15058
  background: #5893ef;
15269
15059
  color: #ffffff;
15270
15060
  }
15271
- .amb-page-container-header ~ .amb-page-container-main {
15272
- height: calc(100vh - 60px);
15273
- }
15274
15061
  .amb-page-container-main {
15275
15062
  position: relative;
15276
15063
  overflow: auto;
15277
15064
  }
15278
- .amb-page-container-main > .el-container {
15279
- height: 100%;
15280
- }
15281
15065
  .amb-container-left {
15282
- width: 280px !important;
15066
+ padding-right: 20px;
15283
15067
  overflow-y: auto;
15284
15068
  }
15285
15069
  .amb-container-main {
15286
15070
  padding: 0px !important;
15287
- user-select: none;
15288
- overflow: hidden;
15071
+ user-select: none;
15289
15072
  }
15290
15073
  .amb-container-main::-webkit-scrollbar {
15291
15074
  width: 1px;
15292
15075
  }
15293
15076
  .amb-container-attr {
15294
- width: 280px !important;
15077
+ width: 300px;
15078
+ padding-left: 20px;
15295
15079
  }
15296
15080
  .amb-design-attr-base-content {
15297
15081
  background: #ffffff;
@@ -15324,20 +15108,21 @@ fieldset.amb-design-item-selected {
15324
15108
  }
15325
15109
  .amb-design-content {
15326
15110
  overflow: auto;
15327
- display: flex;
15328
- flex-direction: column;
15111
+ display: block;
15329
15112
  flex: none;
15330
15113
  position: relative;
15331
- width: 100%;
15332
- height: 100%;
15114
+ width: 100%;
15333
15115
  }
15334
15116
  .amb-design-content::-webkit-scrollbar {
15335
15117
  width: 1px;
15336
15118
  }
15337
15119
  .amb-design-content-center-header {
15120
+ position: sticky;
15121
+ z-index: 4;
15122
+ top: 0;
15338
15123
  height: 54px;
15339
15124
  background-color: #f7f8fa;
15340
- margin: 15px;
15125
+ padding-top: 14px;
15341
15126
  }
15342
15127
  .amb-design-tool {
15343
15128
  position: relative;
@@ -15383,27 +15168,21 @@ fieldset.amb-design-item-selected {
15383
15168
  position: relative;
15384
15169
  cursor: pointer;
15385
15170
  }
15386
- .el-scrollbar__view:has(.amb-design-board) {
15387
- padding: 0 15px;
15388
- height: 100%;
15389
- }
15390
15171
  .amb-design-board {
15391
- min-height: 100%;
15392
15172
  margin: 0 auto;
15173
+ margin-top: 12px;
15174
+ overflow-y: hidden;
15175
+ overflow-x: auto;
15393
15176
  background: #ffffff;
15394
15177
  border-radius: 2px 2px 2px 2px;
15395
15178
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
15396
15179
  padding-bottom: 100px;
15397
15180
  }
15398
- .amb-design-board .el-row > div {
15399
- width: 100%;
15400
- }
15401
15181
  .amb-item-ghost {
15402
- background-color: rgba(64, 158, 255, .1);
15182
+ background-color: #5893ef;
15183
+ height: 5px;
15184
+ line-height: 5px;
15403
15185
  overflow: hidden;
15404
- }
15405
- .amb-item-ghost > * {
15406
- opacity: 0;
15407
15186
  }
15408
15187
  /* 将你的自定义样式添加到这里 */
15409
15188
  .draggable-placeholder {
@@ -15611,23 +15390,24 @@ fieldset.amb-design-item-selected {
15611
15390
  }
15612
15391
  /* 用于占位 */
15613
15392
  .amb-widget-tools-parent {
15614
- width: 100%;
15393
+ width: 100%;
15394
+ min-height: 58px;
15395
+ margin-bottom: 18px;
15615
15396
  }
15616
15397
  .amb-widget-tools {
15617
15398
  display: flex;
15618
- flex-wrap: wrap;
15619
15399
  /* 垂直居中 */
15620
15400
  align-items: center;
15621
15401
  background: #fafafa;
15622
15402
  /* background:#FAFAFA; */
15623
15403
  /* background-color: var(--el-card-bg-color); */
15624
15404
  /* border:1px solid #e4e7ed; */
15405
+ height: 58px;
15625
15406
  border-radius: 4px;
15626
15407
  width: transparent;
15627
15408
  padding-left: 20px;
15628
15409
  padding-right: 20px;
15629
15410
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
15630
- min-height: 58px;
15631
15411
  /* --el-card-border-color: var(--el-border-color-light);
15632
15412
  --el-card-border-radius: 4px;
15633
15413
  --el-card-bg-color: var(--el-fill-color-blank);
@@ -15649,9 +15429,6 @@ fieldset.amb-design-item-selected {
15649
15429
  border: 1px solid #e6a23c !important;
15650
15430
  /* background-color: rgba(205, 210, 216, 0.105); */
15651
15431
  }
15652
- .amb-design-item-default > div {
15653
- width: 100%;
15654
- }
15655
15432
  .amb-design-attr-group-header > button {
15656
15433
  background: #f5f6f8;
15657
15434
  padding-left: 10px;
@@ -15762,7 +15539,8 @@ fieldset.amb-design-item-selected {
15762
15539
  color: var(--el-text-color-primary);
15763
15540
  overflow: hidden;
15764
15541
  transition: var(--el-transition-duration);
15765
- box-shadow: var(--el-box-shadow-light);
15542
+ box-shadow: var(--el-box-shadow-light);
15543
+ margin-bottom: 18px;
15766
15544
  }
15767
15545
  .amb-widget-chart-header {
15768
15546
  border-bottom: 1px solid var(--el-card-border-color);
@@ -15780,6 +15558,9 @@ fieldset.amb-design-item-selected {
15780
15558
  vertical-align: middle;
15781
15559
  justify-content: center;
15782
15560
  }
15561
+ .el-card {
15562
+ margin-bottom: 18px;
15563
+ }
15783
15564
  .el-collapse {
15784
15565
  margin-bottom: 18px;
15785
15566
  }
@@ -15804,6 +15585,9 @@ fieldset.amb-design-item-selected {
15804
15585
  }
15805
15586
  .el-button-group > .el-button {
15806
15587
  margin-right: 0px;
15588
+ }
15589
+ .el-form-item > .el-form-item__content {
15590
+ padding-right: 18px;
15807
15591
  }
15808
15592
  /* 设计时样式 */
15809
15593
  .amb-design-item > .el-dropdown > .el-button-group {
@@ -15901,8 +15685,7 @@ li[data-v-21af26bc] {
15901
15685
  line-height: 60px;
15902
15686
  background-color: #ffffff;
15903
15687
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
15904
- text-align: center;
15905
- border-bottom: 1px solid rgba(0, 0, 0, 0.05);
15688
+ text-align: center;
15906
15689
  }
15907
15690
  .amb-page-container-header-page {
15908
15691
  position: fixed;
@@ -15929,30 +15712,24 @@ li[data-v-21af26bc] {
15929
15712
  background: #5893ef;
15930
15713
  color: #ffffff;
15931
15714
  }
15932
- .amb-page-container-header ~ .amb-page-container-main {
15933
- height: calc(100vh - 60px);
15934
- }
15935
15715
  .amb-page-container-main {
15936
15716
  position: relative;
15937
15717
  overflow: auto;
15938
15718
  }
15939
- .amb-page-container-main > .el-container {
15940
- height: 100%;
15941
- }
15942
15719
  .amb-container-left {
15943
- width: 280px !important;
15720
+ padding-right: 20px;
15944
15721
  overflow-y: auto;
15945
15722
  }
15946
15723
  .amb-container-main {
15947
15724
  padding: 0px !important;
15948
- user-select: none;
15949
- overflow: hidden;
15725
+ user-select: none;
15950
15726
  }
15951
15727
  .amb-container-main::-webkit-scrollbar {
15952
15728
  width: 1px;
15953
15729
  }
15954
15730
  .amb-container-attr {
15955
- width: 280px !important;
15731
+ width: 300px;
15732
+ padding-left: 20px;
15956
15733
  }
15957
15734
  .amb-design-attr-base-content {
15958
15735
  background: #ffffff;
@@ -15985,20 +15762,21 @@ li[data-v-21af26bc] {
15985
15762
  }
15986
15763
  .amb-design-content {
15987
15764
  overflow: auto;
15988
- display: flex;
15989
- flex-direction: column;
15765
+ display: block;
15990
15766
  flex: none;
15991
15767
  position: relative;
15992
- width: 100%;
15993
- height: 100%;
15768
+ width: 100%;
15994
15769
  }
15995
15770
  .amb-design-content::-webkit-scrollbar {
15996
15771
  width: 1px;
15997
15772
  }
15998
15773
  .amb-design-content-center-header {
15774
+ position: sticky;
15775
+ z-index: 4;
15776
+ top: 0;
15999
15777
  height: 54px;
16000
15778
  background-color: #f7f8fa;
16001
- margin: 15px;
15779
+ padding-top: 14px;
16002
15780
  }
16003
15781
  .amb-design-tool {
16004
15782
  position: relative;
@@ -16044,27 +15822,21 @@ li[data-v-21af26bc] {
16044
15822
  position: relative;
16045
15823
  cursor: pointer;
16046
15824
  }
16047
- .el-scrollbar__view:has(.amb-design-board) {
16048
- padding: 0 15px;
16049
- height: 100%;
16050
- }
16051
15825
  .amb-design-board {
16052
- min-height: 100%;
16053
15826
  margin: 0 auto;
15827
+ margin-top: 12px;
15828
+ overflow-y: hidden;
15829
+ overflow-x: auto;
16054
15830
  background: #ffffff;
16055
15831
  border-radius: 2px 2px 2px 2px;
16056
15832
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
16057
15833
  padding-bottom: 100px;
16058
15834
  }
16059
- .amb-design-board .el-row > div {
16060
- width: 100%;
16061
- }
16062
15835
  .amb-item-ghost {
16063
- background-color: rgba(64, 158, 255, .1);
15836
+ background-color: #5893ef;
15837
+ height: 5px;
15838
+ line-height: 5px;
16064
15839
  overflow: hidden;
16065
- }
16066
- .amb-item-ghost > * {
16067
- opacity: 0;
16068
15840
  }
16069
15841
  /* 将你的自定义样式添加到这里 */
16070
15842
  .draggable-placeholder {
@@ -16272,23 +16044,24 @@ li[data-v-21af26bc] {
16272
16044
  }
16273
16045
  /* 用于占位 */
16274
16046
  .amb-widget-tools-parent {
16275
- width: 100%;
16047
+ width: 100%;
16048
+ min-height: 58px;
16049
+ margin-bottom: 18px;
16276
16050
  }
16277
16051
  .amb-widget-tools {
16278
16052
  display: flex;
16279
- flex-wrap: wrap;
16280
16053
  /* 垂直居中 */
16281
16054
  align-items: center;
16282
16055
  background: #fafafa;
16283
16056
  /* background:#FAFAFA; */
16284
16057
  /* background-color: var(--el-card-bg-color); */
16285
16058
  /* border:1px solid #e4e7ed; */
16059
+ height: 58px;
16286
16060
  border-radius: 4px;
16287
16061
  width: transparent;
16288
16062
  padding-left: 20px;
16289
16063
  padding-right: 20px;
16290
16064
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
16291
- min-height: 58px;
16292
16065
  /* --el-card-border-color: var(--el-border-color-light);
16293
16066
  --el-card-border-radius: 4px;
16294
16067
  --el-card-bg-color: var(--el-fill-color-blank);
@@ -16310,9 +16083,6 @@ li[data-v-21af26bc] {
16310
16083
  border: 1px solid #e6a23c !important;
16311
16084
  /* background-color: rgba(205, 210, 216, 0.105); */
16312
16085
  }
16313
- .amb-design-item-default > div {
16314
- width: 100%;
16315
- }
16316
16086
  .amb-design-attr-group-header > button {
16317
16087
  background: #f5f6f8;
16318
16088
  padding-left: 10px;
@@ -16423,7 +16193,8 @@ fieldset.amb-design-item-selected {
16423
16193
  color: var(--el-text-color-primary);
16424
16194
  overflow: hidden;
16425
16195
  transition: var(--el-transition-duration);
16426
- box-shadow: var(--el-box-shadow-light);
16196
+ box-shadow: var(--el-box-shadow-light);
16197
+ margin-bottom: 18px;
16427
16198
  }
16428
16199
  .amb-widget-chart-header {
16429
16200
  border-bottom: 1px solid var(--el-card-border-color);
@@ -16441,6 +16212,9 @@ fieldset.amb-design-item-selected {
16441
16212
  vertical-align: middle;
16442
16213
  justify-content: center;
16443
16214
  }
16215
+ .el-card {
16216
+ margin-bottom: 18px;
16217
+ }
16444
16218
  .el-collapse {
16445
16219
  margin-bottom: 18px;
16446
16220
  }
@@ -16465,6 +16239,9 @@ fieldset.amb-design-item-selected {
16465
16239
  }
16466
16240
  .el-button-group > .el-button {
16467
16241
  margin-right: 0px;
16242
+ }
16243
+ .el-form-item > .el-form-item__content {
16244
+ padding-right: 18px;
16468
16245
  }
16469
16246
  /* 设计时样式 */
16470
16247
  .amb-design-item > .el-dropdown > .el-button-group {
@@ -16501,8 +16278,7 @@ fieldset.amb-design-item-selected {
16501
16278
  line-height: 60px;
16502
16279
  background-color: #ffffff;
16503
16280
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);
16504
- text-align: center;
16505
- border-bottom: 1px solid rgba(0, 0, 0, 0.05);
16281
+ text-align: center;
16506
16282
  }
16507
16283
  .amb-page-container-header-page {
16508
16284
  position: fixed;
@@ -16529,30 +16305,24 @@ fieldset.amb-design-item-selected {
16529
16305
  background: #5893ef;
16530
16306
  color: #ffffff;
16531
16307
  }
16532
- .amb-page-container-header ~ .amb-page-container-main {
16533
- height: calc(100vh - 60px);
16534
- }
16535
16308
  .amb-page-container-main {
16536
16309
  position: relative;
16537
16310
  overflow: auto;
16538
16311
  }
16539
- .amb-page-container-main > .el-container {
16540
- height: 100%;
16541
- }
16542
16312
  .amb-container-left {
16543
- width: 280px !important;
16313
+ padding-right: 20px;
16544
16314
  overflow-y: auto;
16545
16315
  }
16546
16316
  .amb-container-main {
16547
16317
  padding: 0px !important;
16548
- user-select: none;
16549
- overflow: hidden;
16318
+ user-select: none;
16550
16319
  }
16551
16320
  .amb-container-main::-webkit-scrollbar {
16552
16321
  width: 1px;
16553
16322
  }
16554
16323
  .amb-container-attr {
16555
- width: 280px !important;
16324
+ width: 300px;
16325
+ padding-left: 20px;
16556
16326
  }
16557
16327
  .amb-design-attr-base-content {
16558
16328
  background: #ffffff;
@@ -16585,20 +16355,21 @@ fieldset.amb-design-item-selected {
16585
16355
  }
16586
16356
  .amb-design-content {
16587
16357
  overflow: auto;
16588
- display: flex;
16589
- flex-direction: column;
16358
+ display: block;
16590
16359
  flex: none;
16591
16360
  position: relative;
16592
- width: 100%;
16593
- height: 100%;
16361
+ width: 100%;
16594
16362
  }
16595
16363
  .amb-design-content::-webkit-scrollbar {
16596
16364
  width: 1px;
16597
16365
  }
16598
16366
  .amb-design-content-center-header {
16367
+ position: sticky;
16368
+ z-index: 4;
16369
+ top: 0;
16599
16370
  height: 54px;
16600
16371
  background-color: #f7f8fa;
16601
- margin: 15px;
16372
+ padding-top: 14px;
16602
16373
  }
16603
16374
  .amb-design-tool {
16604
16375
  position: relative;
@@ -16644,27 +16415,21 @@ fieldset.amb-design-item-selected {
16644
16415
  position: relative;
16645
16416
  cursor: pointer;
16646
16417
  }
16647
- .el-scrollbar__view:has(.amb-design-board) {
16648
- padding: 0 15px;
16649
- height: 100%;
16650
- }
16651
16418
  .amb-design-board {
16652
- min-height: 100%;
16653
16419
  margin: 0 auto;
16420
+ margin-top: 12px;
16421
+ overflow-y: hidden;
16422
+ overflow-x: auto;
16654
16423
  background: #ffffff;
16655
16424
  border-radius: 2px 2px 2px 2px;
16656
16425
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
16657
16426
  padding-bottom: 100px;
16658
16427
  }
16659
- .amb-design-board .el-row > div {
16660
- width: 100%;
16661
- }
16662
16428
  .amb-item-ghost {
16663
- background-color: rgba(64, 158, 255, .1);
16429
+ background-color: #5893ef;
16430
+ height: 5px;
16431
+ line-height: 5px;
16664
16432
  overflow: hidden;
16665
- }
16666
- .amb-item-ghost > * {
16667
- opacity: 0;
16668
16433
  }
16669
16434
  /* 将你的自定义样式添加到这里 */
16670
16435
  .draggable-placeholder {
@@ -16872,23 +16637,24 @@ fieldset.amb-design-item-selected {
16872
16637
  }
16873
16638
  /* 用于占位 */
16874
16639
  .amb-widget-tools-parent {
16875
- width: 100%;
16640
+ width: 100%;
16641
+ min-height: 58px;
16642
+ margin-bottom: 18px;
16876
16643
  }
16877
16644
  .amb-widget-tools {
16878
16645
  display: flex;
16879
- flex-wrap: wrap;
16880
16646
  /* 垂直居中 */
16881
16647
  align-items: center;
16882
16648
  background: #fafafa;
16883
16649
  /* background:#FAFAFA; */
16884
16650
  /* background-color: var(--el-card-bg-color); */
16885
16651
  /* border:1px solid #e4e7ed; */
16652
+ height: 58px;
16886
16653
  border-radius: 4px;
16887
16654
  width: transparent;
16888
16655
  padding-left: 20px;
16889
16656
  padding-right: 20px;
16890
16657
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
16891
- min-height: 58px;
16892
16658
  /* --el-card-border-color: var(--el-border-color-light);
16893
16659
  --el-card-border-radius: 4px;
16894
16660
  --el-card-bg-color: var(--el-fill-color-blank);
@@ -16910,9 +16676,6 @@ fieldset.amb-design-item-selected {
16910
16676
  border: 1px solid #e6a23c !important;
16911
16677
  /* background-color: rgba(205, 210, 216, 0.105); */
16912
16678
  }
16913
- .amb-design-item-default > div {
16914
- width: 100%;
16915
- }
16916
16679
  .amb-design-attr-group-header > button {
16917
16680
  background: #f5f6f8;
16918
16681
  padding-left: 10px;
@@ -17023,7 +16786,8 @@ fieldset.amb-design-item-selected {
17023
16786
  color: var(--el-text-color-primary);
17024
16787
  overflow: hidden;
17025
16788
  transition: var(--el-transition-duration);
17026
- box-shadow: var(--el-box-shadow-light);
16789
+ box-shadow: var(--el-box-shadow-light);
16790
+ margin-bottom: 18px;
17027
16791
  }
17028
16792
  .amb-widget-chart-header {
17029
16793
  border-bottom: 1px solid var(--el-card-border-color);
@@ -17041,6 +16805,9 @@ fieldset.amb-design-item-selected {
17041
16805
  vertical-align: middle;
17042
16806
  justify-content: center;
17043
16807
  }
16808
+ .el-card {
16809
+ margin-bottom: 18px;
16810
+ }
17044
16811
  .el-collapse {
17045
16812
  margin-bottom: 18px;
17046
16813
  }
@@ -17065,6 +16832,9 @@ fieldset.amb-design-item-selected {
17065
16832
  }
17066
16833
  .el-button-group > .el-button {
17067
16834
  margin-right: 0px;
16835
+ }
16836
+ .el-form-item > .el-form-item__content {
16837
+ padding-right: 18px;
17068
16838
  }
17069
16839
  /* 设计时样式 */
17070
16840
  .amb-design-item > .el-dropdown > .el-button-group {