新增AStepItem组件

This commit is contained in:
chenghx
2018-08-07 18:08:31 +08:00
parent e34caae8df
commit 79b527b77f
2 changed files with 99 additions and 13 deletions

View File

@@ -0,0 +1,34 @@
<template>
<div>
<router-link to="/" style="text-decoration:none;out-line: none; color: #000">
<span :style="titleStyle">{{title}}</span>
<a-icon :style="iconStyle" :type="icon" />
</router-link>
</div>
</template>
<script>
import AIcon from 'vue-antd-ui/es/icon/icon'
const Group = {
name: 'AStepItemGroup',
render (h) {
return h(
'div',
{attrs: {style: 'text-align: center; margin-top: 8px'}},
[h('div', {attrs: {style: 'text-align: left; display: inline-block;'}}, [this.$slots.default])]
)
}
}
export default {
name: 'AStepItem',
Group: Group,
components: {AIcon},
props: ['title', 'icon', 'link', 'titleStyle', 'iconStyle']
}
</script>
<style scoped>
</style>