提交一波,继续处理数据结构
This commit is contained in:
32
packages/bigscreen/designer/components/groupItem.vue
Normal file
32
packages/bigscreen/designer/components/groupItem.vue
Normal file
@@ -0,0 +1,32 @@
|
||||
<script>
|
||||
export default {
|
||||
name: "groupItem",
|
||||
props: ['label']
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<section class="groupItem">
|
||||
<h2 v-text="label"/>
|
||||
<slot/>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.groupItem {
|
||||
padding: 10px 10px 20px;
|
||||
border-bottom: 1px solid #000000;
|
||||
|
||||
&:last-child {
|
||||
border: none;
|
||||
}
|
||||
|
||||
|
||||
& > h2 {
|
||||
margin-bottom: 20px;
|
||||
color: #FFFFFF;
|
||||
font-size: 15px;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user