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

26 lines
796 B
Vue
Raw Normal View History

2018-03-09 18:52:31 +08:00
<script>
2019-01-12 11:33:27 +08:00
import Steps, { Step } from '../index';
import '../assets/index.less';
import '../assets/iconfont.less';
2018-03-09 18:52:31 +08:00
export default {
data () {
return {
description: '这里是多信息的描述啊这里是多信息的描述啊这里是多信息的描述啊这里是多信息的描述啊这里是多信息的描述啊',
2019-01-12 11:33:27 +08:00
};
2018-03-09 18:52:31 +08:00
},
render () {
2019-01-12 11:33:27 +08:00
const { description } = this;
2018-03-09 18:52:31 +08:00
return (
<Steps direction='vertical' size='small'>
<Step title='已完成' description={description} />
<Step title='进行中' description={description} />
<Step title='待运行' description={description} />
<Step title='待运行' description={description} />
<Step title='待运行' description={description} />
</Steps>
2019-01-12 11:33:27 +08:00
);
2018-03-09 18:52:31 +08:00
},
2019-01-12 11:33:27 +08:00
};
2018-03-09 18:52:31 +08:00
</script>