<template>
<div class="contain">
<div class="title">
<span>{{ title }}</span>
</div>
<slot></slot>
</div>
</template>
<script>
export default {
name: 'containBox',
props: { title: String },
data() {
return {}
},
methods: {},
mounted() {}
}
</script>
<style lang="less" scoped>
.contain {
border-bottom: 1px solid rgb(209, 214, 224);
.title {
font-size: 15px;
font-weight: bold;
padding: 8px 0px 8px 6px;
}
}
</style>
vue表单设计时 有标题和下划线的容器
最新推荐文章于 2023-06-26 09:37:19 发布