<template>
    <div
        class="nus_layercb">
        <nu-confirmbar
            class="nu_title"
            v-bind="$props"
            :type="confirmbarType"
            @cancelChange="_cancel"
            @confirmChange="_confirm">
        </nu-confirmbar><div
            class="nu_layer-cont"
            @click.stop="_onClick"
            @tap.stop="_onTap">
            <slot></slot>
        </div>
    </div>
</template>
<script>
import LayerTmp from '../_comm/LayerTmp';
import NuConfirmbar from '../../confirmbar';
export default {
    extends: LayerTmp,
    name: 'NuLayercb',
    props: {
        /**
         * 确认和关闭按钮样式
         */
        confirmbarType: {
            type: String
        }
    },
    components: {
        NuConfirmbar
    }
};
</script>

<style lang="scss">
@import '../../../../_assets/style/_iconFont.scss';
@import '../../../../_assets/style/_var.scss';
@import '../../../../_assets/style/_mixin.scss';

.nus_layercb {
    width: 100%;
    max-height: 100%;
    position: relative;
    .nu_title{
        // position: absolute;
        // top: 0;
        width: 100%;
    }
    .nu_layer-cont {
        background: $bgFff;
        height: 100%;
        min-height: 150px;
    }
}
</style>
