vaadin 8 styles.scss 无法使用 setStyleName

Question

我正在研究 styles.scss。这是有效的：

.v-Notification-notif {
        background: #FFFFFF;
        border: 10px solid rgb(245, 121, 0);
}

但这不是 :

.v-Notification-notif.warning .v-Notification-caption {
        color: rgb(0, 0, 0);
        font-size: 30px;
}

当我说

        notif.setStyleName("notif");

notif 是一个通知。谢谢你的帮助。

我也试过了:

.notif {
    
    .v-Notification {
        background: #FFFFFF;
        border: 10px solid rgb(245, 121, 0);
    }
    
    .v-Notification.warning .v-Notification-caption {
        color: rgb(0, 0, 0);
        font-size: 30px;
    }
}

但还是不行。

Answer 1

Notification class 在内部使用不同通知类型的样式名称机制。因此，Type.WARNING 只是 shorthand 用于执行 setStyleName("warning") 和 setDelayMsec(1500)。如果您对警告通知执行 setStyleName("notif")，那么您将覆盖最初设置的 warning 样式名称。如果您想为某些警告通知使用自定义样式，则可以为它们使用不同的样式名称，例如notif-warning.

vaadin 8 styles.scss 无法使用 setStyleName

vaadin 8 styles.scss not working with setStyleName

java

notifications

vaadin

vaadin8