完成后的神经步进

Question

我需要神经步进器的帮助，因为我们知道当任何一步完成后，将显示“复选标记”图标，但我的用例不同，我需要数字保持不变，但颜色将与图标相同（即＃ffffff ）。

为此，我无法覆盖scss。请告知我该如何覆盖。

请找到预期和当前行为的屏幕截图：

<nb-card class="card">
<nb-card-body>
    <nb-stepper orientation="horizontal">
        <nb-step [label]="labelOne">
            <ng-template #labelOne></ng-template>
            <h3>Working on Step 1</h3>
        </nb-step>
        <nb-step [label]="labelTwo">
            <ng-template #labelTwo></ng-template>
            <h3>Step 1 completed... Working on Step 2</h3>
        </nb-step>
        <nb-step [label]="labelThree">
            <ng-template #labelThree></ng-template>
            <h3>Step 2 completed... Working on Step 3</h3>
        </nb-step>
        <nb-step [label]="labelFour">
            <ng-template #labelFour></ng-template>
            <h3>Step 3 completed... Working on Step 4</h3>
        </nb-step>
    </nb-stepper>
</nb-card-body>

Answer 1

我从没和Nebular合作过。
根据{{​​3}}，无法定义步骤标记的自定义模板。组件的API也未提供步骤标记的修改。

无论如何，您都可以用Source code代替对勾符号。但这是一个非常棘手的解决方案：

return studentConfigs != null ? studentConfigs.stream().anyMatch(sc -> sc.action() == null || !sc.action().equals(Action.DELETE)) : false;