<template>
    <div class="ht-base-guide-full-screen-demo">
        <ht-base-guide-full-screen>
            <div slot="guidefull-tip">
                <h1>我们做出了这些改变，让一切更美好！</h1>
                <ht-base-button type="primary" class="demo-cs-bt" @click="closeFullscreen">我知道了</ht-base-button>
            </div>
            <ht-base-guide-full-screen-item class-name="ht-tip-one" placement="right">
                自定义气泡提示，内容文案多行
            </ht-base-guide-full-screen-item>
            <ht-base-guide-full-screen-item class-name="ht-tip-two" placement="bottom">
                自定义气泡提示内容文案
            </ht-base-guide-full-screen-item>
            <ht-base-guide-full-screen-item class-name="ht-tip-three" placement="left">
                自定义气泡提示，内容文案多行
            </ht-base-guide-full-screen-item>
            <ht-base-guide-full-screen-item class-name="ht-tip-fourth" placement="top">
                自定义气泡提示内容文案
            </ht-base-guide-full-screen-item>
        </ht-base-guide-full-screen>
    </div>
</template>

<script>
    export default {
        name: 'HtBaseGuideFullScreenDemo',
        methods: {
            closeFullscreen() {
                this.$children[0].spreadShow = false;
            }
        }
    }
</script>
<style>
    .ht-base-guide-full-screen-demo {

    }
</style>

