我的代码:
<div class="row">
<div eds-tile class="xl-4" style="height: 700px">
<eds-tile-title>User on Shift</eds-tile-title>
<!-- <eds-gauge [settings]="gaugeScore"></eds-gauge> -->
</div>
<div eds-tile class="xl-4" style="height: 200px">
<eds-tile-title>Count of Ticket Closed</eds-tile-title>
</div>
<div eds-tile class="xl-4" style="height: 200px">
<eds-tile-title>Total Ticket</eds-tile-title>
</div>
<div eds-tile class="xl-8" style="height: 400px">
<eds-tile-title>User on Shift Indicator</eds-tile-title>
</div>
</div>
如果我要在“已关闭票数”框和“总票数”框下的“班次指示器”框上移动用户,该怎么办?
帮帮我,谢谢...
答案 0 :(得分:0)
您可以将一种布局嵌套到另一种布局中,将两列作为4/8嵌套,然后在8列中使一行充满,而另一半/一半。
使用代码可能更简单
<div class="row">
<div eds-tile class="xl-4" style="height: 700px">
<eds-tile-title>User on Shift</eds-tile-title>
<!-- <eds-gauge [settings]="gaugeScore"></eds-gauge> -->
</div>
<div class="xl-8">
<div class="row">
<div eds-tile class="xl-6" style="height: 200px">
<eds-tile-title>Count of Ticket Closed</eds-tile-title>
</div>
<div eds-tile class="xl-6" style="height: 200px">
<eds-tile-title>Total Ticket</eds-tile-title>
</div>
</div>
<div class="row">
<div eds-tile class="xl-12" style="height: 400px">
<eds-tile-title>User on Shift Indicator</eds-tile-title>
</div>
</div>
</div>
</div>
答案 1 :(得分:0)
要获得预期的结果,请对“用户使用Shif” div使用类 xl-12 的以下选项,并将其移至“已关闭的票数”和“总票数”
<div class="row">
<div eds-tile class="xl-4" style="height: 200px">
<eds-tile-title>Count of Ticket Closed</eds-tile-title>
</div>
<div eds-tile class="xl-4" style="height: 200px">
<eds-tile-title>Total Ticket</eds-tile-title>
</div>
<div eds-tile class="xl-12" style="height: 700px">
<eds-tile-title>User on Shift</eds-tile-title>
<!-- <eds-gauge [settings]="gaugeScore"></eds-gauge> -->
</div>
<div eds-tile class="xl-8" style="height: 400px">
<eds-tile-title>User on Shift Indicator</eds-tile-title>
</div>
</div>