sencha touch：工具栏上的垂直分隔符

Question

我有一个包含一组按钮的工具栏。 现在我想在这些按钮之间插入一个垂直分隔符。 但是我无法找到Sencha Touch中的一个组件，它会为我提供这个。

请查看下面的图片，了解我想要的内容：

请帮助我。

感谢。

Answer 1

这是一个解决方法。你可以试试这个。首先，在要添加分隔符的按钮之间添加一个按钮，如下所示：

                {
                    xtype: 'button',
                    ui: 'plain',
                    text: '|',
                    disabled: true,
                    cls: 'separator'
                }

然后将样式添加到＆＃39;分隔符＆＃39;像这样的课：

.separator {
    font-size: 30px;
    color: #6EA6CC;
}

现在您可以根据需要自定义样式。

我相信可以有更好的方法来做到这一点。祝你好运。

Answer 2

我会避免像之前建议的那样添加其他组件，以避免额外的DOM。

这应该在CSS / SASS中完成，以获得最佳性能和可重用性。

要模拟上面的图片，最好的解决方案可能是创建一个具有透明背景，边距和边框左侧属性的按钮样式。