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

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