<template>
    <div class="ht-base-guide-distribution">
        <transition name="fade">
            <div class="ht-dis-box" v-show="distributionShow">
                <div class="ht-flex-ct">
                    <div class="ht-dis-tips">
                        <slot name="dis-tip"></slot>
                    </div>
                </div>
                <div ref="distributeCont">
                    <slot>
                    </slot>
                </div>
            </div>
        </transition>
    </div>
</template>

<script>
    export default {
        name: 'HtBaseGuideDistribution',
        data() {
            return {
                distributionShow: true
            }
        }
    }
</script>
<style>
    .ht-base-guide-distribution {

    }
</style>

