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

23 lines
453 B
Vue
Raw Normal View History

2018-03-07 10:50:11 +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-07 10:50:11 +08:00
export default {
2019-09-28 20:45:07 +08:00
data() {
return {};
2018-03-07 10:50:11 +08:00
},
2019-09-28 20:45:07 +08:00
render() {
2018-03-07 10:50:11 +08:00
return (
<Steps current={1}>
2019-09-28 20:45:07 +08:00
<Step title="步骤1">
<i class={`rcicon rcicon-cloud`} slot="icon" />
2018-03-09 18:52:31 +08:00
</Step>
2019-09-28 20:45:07 +08:00
<Step title="步骤2" icon="apple" />
<Step title="步骤3" icon="github" />
2018-03-07 10:50:11 +08:00
</Steps>
2019-01-12 11:33:27 +08:00
);
2018-03-07 10:50:11 +08:00
},
2019-01-12 11:33:27 +08:00
};
2018-03-07 10:50:11 +08:00
</script>