31 lines
675 B
Vue
31 lines
675 B
Vue
<template>
|
|
<n-collapse-item :name="name" :title="name" class="datas">
|
|
<template #header>
|
|
<div f n-c style="padding: 10px; height: calc(100% - 10px); display: flex; gap: 20px">
|
|
<label style="font-weight: 700">{{ name }}</label>
|
|
</div>
|
|
</template>
|
|
<div></div>
|
|
</n-collapse-item>
|
|
</template>
|
|
<script lang="ts" setup>
|
|
const props = defineProps({
|
|
name: {
|
|
type: String,
|
|
required: true,
|
|
},
|
|
});
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
@mixin method-style($color) {
|
|
background: rgba($color, 0.1);
|
|
border-radius: 3px;
|
|
border: 1px solid $color !important;
|
|
--color: #{$color};
|
|
}
|
|
|
|
.datas {
|
|
@include method-style(#4182b8);
|
|
}
|
|
</style>
|