mirror of
https://github.com/tenrok/vue-form-wizard.git
synced 2026-06-12 21:02:24 +03:00
#9 Rename icon class
This commit is contained in:
@@ -22,11 +22,11 @@
|
||||
<div v-if="tab.active" class="wizard-icon-container"
|
||||
:class="{square_shape:isStepSquare, tab_shape:isTabShape}"
|
||||
:style="[tab.active ? iconActiveStyle: {}, tab.validationError ? errorStyle : {}]">
|
||||
<i v-if="tab.icon" :class="tab.icon" class="icon"></i>
|
||||
<i v-else class="icon">{{index + 1}}</i>
|
||||
<i v-if="tab.icon" :class="tab.icon" class="wizard-icon"></i>
|
||||
<i v-else class="wizard-icon">{{index + 1}}</i>
|
||||
</div>
|
||||
<i v-if="!tab.active && tab.icon" :class="tab.icon" class="icon"></i>
|
||||
<i v-if="!tab.active && !tab.icon" class="icon">{{index + 1}}</i>
|
||||
<i v-if="!tab.active && tab.icon" :class="tab.icon" class="wizard-icon"></i>
|
||||
<i v-if="!tab.active && !tab.icon" class="wizard-icon">{{index + 1}}</i>
|
||||
</transition>
|
||||
|
||||
</div>
|
||||
@@ -39,7 +39,7 @@
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab-content">
|
||||
<div class="wizard-tab-content">
|
||||
<slot>
|
||||
</slot>
|
||||
</div>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div v-if="active" class="tab-container">
|
||||
<div v-if="active" class="wizard-tab-container">
|
||||
<slot>
|
||||
</slot>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user