如何捕捉 WizardPage 的首次显示

要捕捉 WizardPage 的首次显示，可以使用 JavaScript 的 window.onload 事件或 document.addEventListener('DOMContentLoaded', function() {...}) 事件。

下面是一个示例代码：

// 使用 window.onload 事件
window.onload = function() {
    // 获取 WizardPage 元素
    var wizardPage = document.querySelector('.wizard-page');

    // 检查 WizardPage 是否已经显示
    if (wizardPage.classList.contains('show')) {
        // 隐藏进度条
        wizardPage.querySelector('.wizard-progress-bar').style.display = 'none';

        // 隐藏完成按钮
        wizardPage.querySelector('.wizard-finish').style.display = 'none';

        // 显示下一步按钮
        wizardPage.querySelector('.wizard-next').style.display = 'block';
    }
};

或者

// 使用 document.addEventListener('DOMContentLoaded', function() {...}) 事件
document.addEventListener('DOMContentLoaded', function() {
    // 获取 WizardPage 元素
    var wizardPage = document.querySelector('.wizard-page');

    // 检查 WizardPage 是否已经显示
    if (wizardPage.classList.contains('show')) {
        // 隐藏进度条
        wizardPage.querySelector('.wizard-progress-bar').style.display = 'none';

        // 隐藏完成按钮
        wizardPage.querySelector('.wizard-finish').style.display = 'none';

        // 显示下一步按钮
        wizardPage.querySelector('.wizard-next').style.display = 'block';
    }
});

以上示例代码中，首先获取 WizardPage 元素，然后检查该元素是否已经显示。如果已经显示，则隐藏进度条和完成按钮，并显示下一步按钮。

请注意，以上示例代码只是示例，具体实现方式需要根据具体情况进行修改和优化。