<template>
    <view class="info-container">
        <view class="ic-box">
            <info-title :title="title"><slot name="title-right"></slot></info-title>
            <view class="ib-content">
                <slot name="content"></slot>
            </view>
        </view>
    </view>
</template>

<script>
import infoTitle from "./info_title.vue";
export default {
    props: {
        title: {
            type: String,
            default: 'title'
        }  
    },
    components: {
        'info-title': infoTitle
    }
}
</script>

<style lang="scss">
    .info-container{
        padding-top: 24upx;
        .ic-box{
            border-radius: 10upx;
            overflow: hidden;
            background-color: #fff;
        }
        .ib-content{
            padding-top: 40upx;
            padding-bottom: 40upx;
        }
    }
</style>