ant-design-vue/components/vc-steps/demo/smallSize.vue

31 lines
694 B
Vue
Raw Normal View History

2018-03-09 10:52:31 +00:00
<script>
import Steps, { Step } from '../index'
import '../assets/index.less'
import '../assets/iconfont.less'
export default {
data () {
return {}
},
render () {
return (
<div>
<Steps size='small' current={1}>
<Step title='已完成' />
<Step title='进行中' />
<Step title='待运行' />
<Step title='待运行' />
</Steps>
<Steps current={1}>
<Step title='步骤1' >
<i class={`rcicon rcicon-cloud`} slot='icon'/>
</Step>
<Step title='步骤2' icon='apple' />
<Step title='步骤3' icon='github' />
</Steps>
</div>
)
},
}
</script>