<template>
    <div>
        <van-nav-bar
                title="遮罩层"
                left-arrow
                @click-left="back"
        />
        <div class="page">
            <ul>
                <li class="section">
                    <y-button topic="main" text="点击打开遮罩层" v-on:click="fnClick"></y-button>
                    <y-overload :show.sync="tipsShow" @click="fnAbc"></y-overload>
                </li>
            </ul>
        </div>
    </div>
</template>

<script>
    import {NavBar} from 'vant';
    import yButton from '../components/yButton'
    import yOverload from "../components/yOverload";

    export default {
        components: {
            [NavBar.name]: NavBar,
            [yButton.name]: yButton,
            [yOverload.name]: yOverload,
        },
        data:()=>{
            return {
                tipsShow:false
            }
        },
        methods:{
            fnAbc(){
                console.log(33);
            },
            fnClick(e){
                console.log(1);
                this.tipsShow = true;
            },
            back:()=>{
                window.history.go(-1);
            }
        }

    }
</script>

<style scoped>
    .page {
        padding: 10px;
    }
</style>
