style: layout builder

biaogebusy · Mar 23, 2024 · 83544a3 · 83544a3
1 parent db63f22
commit 83544a3
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/src/app/modules/builder/layout-builder/layout-builder.component.html b/src/app/modules/builder/layout-builder/layout-builder.component.html
@@ -42,7 +42,7 @@
           <app-bg-img [attr.data-path]="'bg'" [content]="layout.bg" *ngIf="layout.bg"></app-bg-img>
           <div class="block" [fxLayout]="layout.direction" [fxLayoutAlign]="layout.layoutAlign"
             [ngStyle]="layout.style">
-            <div class="item" *ngFor="let item of layout.elements;index as index">
+            <div class="item item-{{item.type}}" *ngFor="let item of layout.elements;index as index">
               <div class="actions" *ngIf="isBuilderMode$ | async">
                 <app-btn matTooltip="上移" *ngIf="index > 0 && index < layout.elements.length"
                   (click)="onUpDown('up',i,index)"

diff --git a/src/app/modules/builder/layout-builder/layout-builder.component.scss b/src/app/modules/builder/layout-builder/layout-builder.component.scss
@@ -44,6 +44,10 @@
         max-width: 100%;
         padding: 10px;
         box-sizing: border-box;
+        &.item-divider,
+        &.item-layout-builder {
+          width: 100%;
+        }
         > .actions {
           display: none;
           position: absolute;

diff --git a/src/app/modules/builder/layout-builder/layout-builder.component.ts b/src/app/modules/builder/layout-builder/layout-builder.component.ts
@@ -38,6 +38,7 @@ import { getImg } from '../factory/getImg';
 import { getIcon } from '../factory/getIcon';
 import { getAnimate } from '../factory/getAnimate';
 import { UtilitiesService } from '@core/service/utilities.service';
+import { getDivider } from '../factory/getDivider';
 
 @Component({
   selector: 'app-layout-builder',
@@ -204,6 +205,9 @@ export class LayoutBuilderComponent
       case 'layout-builder':
         fields = getBlockSetting(widget);
         break;
+      case 'divider':
+        fields = getDivider(widget);
+        break;
       default:
         fields = getNone(widget, [animateConfig]);
     }