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>