sencha-touch - 删除列表项分隔符/边框

Question

我已经检查了 DOM，但我仍然看不到分隔符/边框添加到列表项目的位置。我想删除它们。

有谁知道这是怎么做到的吗 ？

Answer 1

它在于div.x-list-item-label，只需将其 CSS 样式更改为：

border-top: none !important;
border-bottom: none !important; /* For the last row */

希望能帮助到你。

Answer 2

仅当您希望将其应用于应用程序中的每个列表时，上述方法才是正确的。

如果您想以正确的方式执行此操作，则需要将内联样式添加到您创建的列表中。以下是我在应用程序的收件箱屏幕中的操作方式：

{
 xtype: 'list',
 disableSelection: true, // only if you want to disable selection of the list
 config: {
      style: {
           'border': '0',
      },
 },
 itemTpl: '<div>{itemContent}</div>'
}