sanbuphy
c2152498a4
Introduce a reusable StepBar component to replace inline step progress indicators Update documentation pages to use the new component for consistent progress display
29 lines
668 B
Vue
29 lines
668 B
Vue
<template>
|
|
<el-steps :active="active" align-center>
|
|
<el-step
|
|
v-for="(item, index) in items"
|
|
:key="index"
|
|
:title="item.title"
|
|
:description="item.description"
|
|
/>
|
|
</el-steps>
|
|
</template>
|
|
|
|
<script setup>
|
|
defineProps({
|
|
active: {
|
|
type: Number,
|
|
default: 0
|
|
},
|
|
items: {
|
|
type: Array,
|
|
default: () => [
|
|
{ title: "困境与机会", description: "普通人的编程新可能" },
|
|
{ title: "能力初探", description: "60秒极速开发体验" },
|
|
{ title: "原生实战", description: "打造AI原生贪吃蛇" },
|
|
{ title: "拓展创造", description: "举一反三做游戏" }
|
|
]
|
|
}
|
|
})
|
|
</script>
|