vue卡片组件封装
layout
<template>
<div class="bs-layout">
<slot></slot>
</div>
</template>
<script>
export default {
name: "layout",
components: {},
props: {},
data() {
return {};
},
watch: {},
methods: {}
};
</script>
<style lang="less">
.bs-layout{
position: relative;
height: calc(100% + 16px) ;
width: calc(100% + 16px) ;
margin: -8px;
}
</style>
item
<template>
<div class="bs-layout-item" :style="layoutStyle">
<div class="bs-layout-item-body">
<slot></slot>
</div>
</div>
</template>
<script>
export default {
name: "layoutItem",
com