1.0.1 • Published 6 years ago

vue-ease-step-bar v1.0.1

Weekly downloads
2
License
MIT
Repository
github
Last release
6 years ago

steps fit PC and mobile

Setup

npm i vue-ease-step-bar --save

Usage

# example
import vueEaseStepBar from 'vue-ease-step-bar'
Vue.use(vueEaseStepBar)

<template>
  <div id="app">
    <steps :step-index="nowStep">
      <step title="xxx" notify="xxx"></step>
      <step title="xxx" icon="step-icon-thumb_down"></step>
      <step title="xxx"></step>
    </steps>
  </div>
</template>

<script>
export default {
  name: 'app',
  data () {
    return {
      nowStep: 1,
    }
  }
}
</script>

API

ParamDescriptionTypeDefault
step-indexThe current step, The starting value is 0.Number-
notifyDisplayed when the mouse hoverString-
iconStep iconsStringstep-icon-check_circle
simpleSimple version--
directionArrange directionStringhorizontal
1.0.1

6 years ago

1.0.0

6 years ago