1.0.5 • Published 6 years ago
vue-ease-step1 v1.0.5
steps fit PC and mobile
Setup
npm i vue-ease-step --save
Usage
# example
import vueEaseStep from 'vue-ease-step1'
Vue.use(vueEaseStep)
<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
Param | Description | Type | Default |
---|---|---|---|
step-index | The current step, The starting value is 0. | Number | - |
notify | Displayed when the mouse hover | String | - |
icon | Step icons | String | step-icon-check_circle |
simple | Simple version | - | - |
direction | Arrange direction | String | horizontal |