1.0.6 • Published 6 years ago

vue-awesome-step v1.0.6

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

vue-awesome-step

基于Vue.js的步骤控件,适用于PC端和移动端 Step Controls Component Based On Vue.js

Installation

npm i vue-awesome-step --save

Usage

# example
import vueAwesomeStep from 'vue-awesome-step'
Vue.use(vueAwesomeStep)

<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.6

6 years ago

1.0.2

6 years ago

1.0.1

6 years ago

1.0.0

6 years ago