31 lines
563 B
Vue
31 lines
563 B
Vue
<template>
|
|
<section class="AiStaData">
|
|
<ai-data-panel v-for="op in data" :key="op[key]"
|
|
:label="op[label]" :value="op[key]"/>
|
|
</section>
|
|
</template>
|
|
|
|
<script>
|
|
import AiDataPanel from "./AiDataPanel";
|
|
|
|
export default {
|
|
name: "AiStaData",
|
|
components: {AiDataPanel},
|
|
props: {
|
|
data: {default: () => []},
|
|
key: {default: "id"},
|
|
label: {default: "label"},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.AiStaData {
|
|
width: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
}
|
|
</style>
|