gypsy-crm-frontend-vu/components/cwg-label-line-value.vue

<template>
    <view class="info-item">
        <span class="label">{{ label }}</span>
        <span class="line"></span>
        <span class="value">{{ value }}</span>
    </view>
</template>

<script setup>

const props = defineProps({
    label: {
        type: String,
        required: ""
    },
    value: {
        type: String,
        required: "--"
    },
});
</script>

<style scoped lang="scss">
@import "@/uni.scss";

.info-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    font-size: px2rpx(14);

    .label {
        color: #6c8595;
    }

    .line {
        flex: 1;
        height: 1px;
        border-top: 1px dashed rgba(108, 133, 149, 0.5);
        margin-bottom: px2rpx(1);

    }

    .value {
        font-weight: 500;
        color: #2e3a47;
    }
}
</style>