<script setup>
import steps from '@/components/steps/index.vue'
import one from './one/index.vue'
import {ref} from "vue";
const active = ref(0)
const buttons = ref([{label: "下一步", type: "show"}])
</script>
<template>
  <div class="container">
    <steps v-model:active="active" />
    <component :is="one"/>
    <div class="bottom-btn">
      <div class="item" v-for="(item,index) in buttons">
        {{ item.label }}
      </div>
    </div>
  </div>

</template>

<style scoped lang="scss">
.container {
  box-sizing: border-box;
  padding-top: 14px;
  padding-right: 21px;
  padding-left: 21px;
.bottom-btn{
  width: 100%;
  display: flex;
  justify-content: center;
  .item{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 16px;
    border-radius: 20px;
    width: 142px;
    height: 32px;
    background-color: #2159C4;
  }

}
}
</style>
