@extends('layouts.home')
@section('title', '确认订单')
@section('style')
    <style>
        .x-body{
            min-height: 500px;
        }
        .input_line{
            border-bottom: 1px solid #000;
            margin-left: 4px;
        }
        .input_line input{
            border:none;
        }
        .x-body .label_wx{
            text-align: left;
        }
        .x-body .layui-form-item .wx_box_input {
            display: block;
            float: none;
            left: -3px;
            width: auto;
            margin: 0 0 0px 96px!important;
        }
        .layui-inpu{
            width: 90% !important;
            margin-left: 20px!important;
            height: 33px!important;
            font-size: 16px!important;
            background: #fff;
            padding-bottom: 7px;
        }
        .text_font{
            height: 45px!important;
            border:none!important;
        }


        .total p{
            color: #000;
        }
    </style>
@endsection
@section('body')
    <div class="bpx">
        <form class="layui-form" action="">
            <div class="layui-form-item">
                <label class="layui-form-label">输入框</label>
                <div class="layui-input-block">
                    <input type="text" name="title" required  lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">密码框</label>
                <div class="layui-input-inline">
                    <input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid layui-word-aux">辅助文字</div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">选择框</label>
                <div class="layui-input-block">
                    <select name="city" lay-verify="">
                        <option value=""></option>
                        <option value="0">北京</option>
                        <option value="1">上海</option>
                        <option value="2">广州</option>
                        <option value="3">深圳</option>
                        <option value="4">杭州</option>
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">复选框</label>
                <div class="layui-input-block">
                    <input type="checkbox" name="like[write]" title="写作" lay-filter="">
                    <input type="checkbox" name="like[read]" title="阅读" checked>
                    <input type="checkbox" name="like[dai]" title="发呆">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">开关</label>
                <div class="layui-input-block">
                    <input type="checkbox" name="switch" lay-skin="switch">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label" >单选框</label>
                <div class="layui-input-block" lay-filter="radio_p">
                    <input type="radio" name="sex" value="男" title="男">
                    <input type="radio" name="sex" value="女" title="女" checked>
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label" lay-verType="tips">文本域</label>
                <div class="layui-input-block">
                    <textarea name="desc" placeholder="请输入内容" class="layui-textarea"></textarea>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
                    <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                </div>
            </div>
        </form>
    </div>
    <script>
        //Demo
        layui.use('form', function(){
            var form = layui.form;

            form.on('radio(radio_p)', function(data){
                if(data.elem){
                        alert(1);
                }

            });

            form.render();
        });
    </script>

@endsection