minglipro
2a6672613a
All checks were successful
Gitea Actions Build / Build (push) Successful in 1m23s
41 lines
1.0 KiB
Vue
41 lines
1.0 KiB
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>
|
|
<label style="font-weight: 700;color:var(--color-des-text);">{{ data?.description
|
|
}}</label>
|
|
</div>
|
|
</template>
|
|
<div></div>
|
|
</n-collapse-item>
|
|
</template>
|
|
<script lang="ts" setup>
|
|
import type { PropType } from 'vue';
|
|
import type { OpenAPIV3_1 } from 'openapi-types';
|
|
const props = defineProps({
|
|
name: {
|
|
type: String,
|
|
required: true,
|
|
},
|
|
data:{
|
|
type:Object as PropType<OpenAPIV3_1.SecuritySchemeObject>
|
|
}
|
|
});
|
|
|
|
console.log(props.data);
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
@mixin method-style($color) {
|
|
background: rgba($color, 0.1);
|
|
--color-des-text: rgba(var(--text-color), 0.5);
|
|
border-radius: 3px;
|
|
border: 1px solid $color !important;
|
|
--color: #{$color};
|
|
}
|
|
|
|
.datas {
|
|
@include method-style(#ac44af);
|
|
}
|
|
</style>
|