图标在 Lumino 小部件标题中不可见

Question

我正在尝试将 Lumino 小部件添加到 Jupyter Lab UI 的 'right' 面板。但是，我无法使用很棒的字体图标在小部件的标题栏中设置图标。这是我的代码：

class ExampleWidget extends Widget {
      constructor() {
        super()
        this.id = 'myextension-widget'
        this.title.label = 'Sample'
        this.title.closable = true
        this.title.iconClass = 'face-smile'
        this.addClass('mypanel')
      }
    }

我在这里错过了什么？有人可以帮忙吗？

Answer 1

您需要：

有 'fa' class
修复字体 class 名称（'fa-smile-o' 而不是 'face-smile'）

这个例子对我有用：

class ExampleWidget extends Widget {
      constructor() {
        super()
        this.id = 'myextension-widget'
        this.title.label = 'Sample'
        this.title.closable = true
        this.title.iconClass = 'fa fa-smile'
        this.addClass('mypanel')
      }
    }

图标在 Lumino 小部件标题中不可见

Icon not visible in Lumino widget title

jupyter-lab