<template>
    <el-col :span="span">
        <div class="desc-item d-flex">
            <div :style="{ fontSize: size + 'px' }" class="desc-label">{{ label }}</div>
            <div :style="{ fontSize: size + 'px' }" class="desc-value flex1" :class="{ 'text-overflow1': isSv }">
                <slot></slot>
            </div>
        </div>
    </el-col>
</template>

<script setup name="DescItem" lang="ts">
import { propTypes } from '@/utils/propTypes';

const props = defineProps({
    span: propTypes.number.def(6),
    label: String,
    isSv: Boolean,
    size: propTypes.number.def(16)
});
</script>
<style lang="scss" scoped>
.desc-item {
    padding: 4px 0;
    font-size: 16px;
    line-height: 1.6;
}
.desc-label {
    font-size: 16px;
    color: rgba(51, 51, 51, 1);
}
.desc-value {
    font-size: 16px;
    color: rgba(102, 102, 102, 1);
}
</style>
