<template>
    <div>
        <van-nav-bar
                title="popupMiddle"
                left-arrow
                @click-left="back"
        />
        <div class="page">
            <ul>
                <li class="section">
                    <y-button topic="main" text="弹层" v-on:click="fn_click"></y-button>
                    <y-popup-middle :show.sync="tipsShow">
                        <div style="background: #fff;">
                            1212 <br/>
                            2222222<br/>
                            33333<br/>
                            222222<br/>
                            1111111<br/>
                            4444444<br/>
                            111111<br/>
                            22222222<br/>
                            4444444444<br/>
                            <input type="text"/>
                        </div>
                    </y-popup-middle>
                </li>
            </ul>
        </div>
    </div>
</template>

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

    export default {
        components: {
            [NavBar.name]: NavBar,
            yButton,
            yPopupMiddle
        },
        data:()=>{
            return {
                tipsShow:false,
                tipsShowB:false,
            }
        },
        methods:{
            "fn_click"(e){
                this.tipsShow = true;
            },
            back:()=>{
                window.history.go(-1);
            }
        }

    }
</script>

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