this.polygon.bindTooltip(`${item.projectName}`, { permanent: true, direction: 'center', className: 'my-tooltip' }).openTooltip() 在同一个vue文件下,写入样式<style lang="scss" scoped> .my-tooltip { background-color: #fff; border: 1px solid #ccc; color: red; } </style> 样式不生效
时间: 2024-03-27 07:41:13 浏览: 65
您的代码看起来没有问题,但是 `scoped` 属性可能会导致样式不生效。`scoped` 属性会将样式限制在当前组件内,这意味着您的样式可能不会应用于 `polygon.bindTooltip` 的工具提示,因为它们不在当前组件中。
为了解决这个问题,您可以尝试删除 `scoped` 属性,或者将样式直接添加到全局样式表中。如果您仍然想使用 `scoped` 属性,请在样式表中使用类似于以下内容的选择器:
```css
.my-component >>> .my-tooltip {
background-color: #fff;
border: 1px solid #ccc;
color: red;
}
```
其中 `.my-component` 是包含 `polygon.bindTooltip` 的组件的类名。这将确保您的样式仍然可以应用于工具提示,即使在有 `scoped` 属性的情况下。
希望这可以帮助您解决问题!
阅读全文