模态框

<div style="width: 100%;height: 100%;position: fixed;left: 0;top: 0;background-color: rgba(0,0,0,0.4);" v-if="show">
        <div style="width: 30%;position: fixed;left: 35%;top: 10%;background-color: white;">
            <div style="padding-left: 10px;padding-top: 10px;position: relative;">
                <label>注册</label>
                <i class="layui-icon layui-icon-close" style="position: absolute;right: 10px;width: 30px;" v-on:click="close()"></i>
            </div>
            <div style="display: flex;">
                <div style="flex: 2;">用户名</div>
                <div style="flex: 10;">
                    <input type="text" />
                </div>
            </div>
        </div>
    </div>