Kanban卡布局

看板卡片的主要内容区域是在kanban-box模板中定义的。此内容区域还可以有页脚子容器。

一个单一的页脚，通过oe_kanban_footer CSS类我们将在kanban box的底部使用<div>元素。这个类将自动分割其内部元素适应空间，实现左右对。

打开一个动作菜单的按钮也可以在卡的右上角。作为替代方案，Bootstrap提供pull-left和pullright类，可以用来在卡的任何地方添加左对齐或右对齐元素，包括在oe_kanban_footer页脚。

这是我们为我们的看板卡Qweb模板第一次循环：

<!-- Define the kanban-box template -->
<t t-name="kanban-box">
<!-- Set the Kanban Card color: -->
<div t-attf-class="#{kanban_color(record.color.raw_value)}     oe_kanban_global_click">
<div class="o_dropdown_kanban dropdown">
<!-- Top-right drop down menu here... -->
</div>
<div class="oe_kanban_content">
<div class="oe_kanban_footer">
<div>
<!-- Left hand footer... -->
</div>
<div>
<!-- Right hand footer... -->
</div>
</div>
</div><!-- oe_kanban_content -->
<div class="oe_clear"/>
</div><!-- kanban color -->
</t>

这就列出了看板卡的总体结构。您可能注意到，color颜色字段正在使用在顶部

元素中，以动态设置卡片的颜色。我们将在下一个章节解释t-attf Qweb指令。 现在让我们来研究主要内容区域，并选择在那里放置什么内容：