feat: <toolset> make slide works

phodal · Mar 26, 2020 · ca6b673 · ca6b673
1 parent bd2ce8c
commit ca6b673
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 1 deletion.
diff --git a/src/app/shared/toolset/toolset.component.html b/src/app/shared/toolset/toolset.component.html
@@ -1,7 +1,10 @@
 <div *ngIf="option">
   <div [ngSwitch]="true" [ngStyle]="buildStyle(option)">
     <div *ngSwitchCase="option.type === 'slider'" >
-      <mat-slider step="4" tickInterval="3"></mat-slider>
+      <div *ngFor="let item of option.data" class="slider">
+        <div class="name">{{item.item.text}}</div>
+        <div class="slide"><mat-slider step="5"></mat-slider></div>
+      </div>
     </div>
     <div *ngSwitchDefault>
       <h1>it works</h1>

diff --git a/src/app/shared/toolset/toolset.component.scss b/src/app/shared/toolset/toolset.component.scss
@@ -0,0 +1,15 @@
+.slider {
+  width: 100%;
+
+  div {
+    display: inline-block;
+  }
+
+  .name {
+    width: 100px;
+  }
+
+  .slide {
+    width: auto;
+  }
+}