<template>
    <view class="info-title">
        <view class="it-name">{{ title }}</view>
        <view class="it-right">
            <slot></slot>
        </view>
    </view>
</template>

<script>
export default {
    props: {
        title: {
            type: String,
            default: ''
        }
    
    }
}
</script>

<style lang="scss">
    .info-title{
        padding: 10upx 20upx 0upx;
        height: 116upx;
        border-bottom: 2upx solid #D8D8D8;
        overflow: hidden;
        @include ctf;
        .it-name{
            flex-shrink: 0;
            margin-right: 14upx;
            @include flcw(32upx, 44upx, #1A1A1A);
        }
        .it-right{
            flex-grow: 1;
        }
    }
</style>