0

我将iViewUI用于我的 Tag 组件，但我想自定义它的大小以及“X”关闭按钮的位置。

我可以通过简单地向标签添加一个类来更改宽度，但由于某种原因，即使我也试图覆盖它的子图标，根本没有响应更改，也没有应用它。检查浏览器，也没有添加它。

这是我到目前为止所做的：

<Tag class="Badge-tag" color="warning" closable @on-close="removeTag">{{ badge }}</Tag>

然后在less文件上我添加了以下内容：

.Badge-tag {
    width: 60px;
    position: relative;

    .ivu-icon.ivu-icon-ios-close {
        position: absolute;
        right: 2px;
        top: 4px;
    }
}

我一点运气都没有。我不知道为什么没有设置它。

4

1 回答 1

1

如果你把上面的 css 作为全局 css，我认为它应该可以工作。

我在这里在 jsfiddle上创建了一个演示，请检查

如果您使用作用域 css，您可以尝试使用深度选择器

.Badge-tag {
    width: 60px;
    position: relative;

    /deep/ .ivu-icon.ivu-icon-ios-close {
        position: absolute;
        right: 2px;
        top: 4px;
    }
}
于 2018-12-19T04:19:09.000 回答