代码之家 › 专栏 › 技术社区 › Antoine Robin

如何在abp模板中使用Formwizard.scss?

formwizard aspnetboilerplate user-interface html javascript

0

Antoine Robin · 技术社区 · 6 年前

ASP.NET样板文件(ABP)模板包含名为 _表单向导.scss ,包含CSS样式,如:

.wizard,
.tabcontrol {
    display: block;
    width: 100%;
    overflow: hidden;
}

.wizard a,
.tabcontrol a {
    outline: 0;
}

/* ... */

这个文件是从哪里来的?如何使用它?

谢谢。

1 回复 | 直到 6 年前

1

aaron 6 年前

它来自 AdminBSB ,使用 jQuery Steps 插件。

您可以使用它,如演示中所示: https://gurayyarar.github.io/AdminBSBMaterialDesign/pages/forms/form-wizard.html

<div id="wizard_horizontal">
  <h2>First Step</h2>
  <section>
    <p>
      Lorem ipsum...
    </p>
  </section>

  <h2>Second Step</h2>
  <section>
    <p>
      Donec mi sapien...
    </p>
  </section>
</div>

$('#wizard_horizontal').steps({
    headerTag: 'h2',
    bodyTag: 'section',
    transitionEffect: 'slideLeft',
    onInit: function (event, currentIndex) {
        setButtonWavesEffect(event);
    },
    onStepChanged: function (event, currentIndex, priorIndex) {
        setButtonWavesEffect(event);
    }
});