<!文档类型 网页类型>
<网页 语言代码="中文">
    <网页头部>
        <网页信息 文档编码="UTF8" />
        <网页信息 名称="页面视图" 关联数据="视图宽度, 初始缩放值" />
        <网页信息 关联HTTP="兼容模式" 关联数据="最高IE版本" />
        <网页标题>登录</网页标题>
        <样式>
            .登录背景 {
                高度: 100vh;
                背景: 地址("http://demores.fofstudio.net/images/background.svg");
                背景-颜色: 颜色值-白色;
                背景-重复: 不重复;
                背景-大小: 宽高覆盖缩放;
                文本-装饰: 无效;
            }
            .表单主体 {
                宽度: 320px;
                定位: 固定;
                顶部: 50%;
                左侧: 50%;
                转换: 平移(-50%, -50%);
            }
            .logo区块 {
                文本-对齐: 居中;
                字体-大小: 30px;
                颜色: #5fb878;
                字体-粗细: 粗体;
                下边距: 30px;
            }
            .logo区块 > * {
                显示模式: 内联块元素;
                垂直-对齐: 中部对齐;
                外边距: 0 5px;
            }
            .logo {
                宽度: 40px;
                高度: 40px;
            }
            /*    .验证码 {
        宽度: 100px;
        高度: 38px;
        浮动: 右侧;
        边框: #eee 1px 实线;
        盒子模型: 边界框;
        光标: 指针箭头;
      }
      .验证码 图片框 {
        宽度: 100%;
        高度: 100%;
        显示模式: 块级元素;
      }*/
        </样式>
    </网页头部>
    <网页主体 类名="登录背景">
        <区块 类名="主体">
            <表单 类名="lay-表单 表单主体">
                <区块 类名="lay-表单-项目 logo区块">
                    <图片框 类名="logo" 图像地址="http://demores.fofstudio.net/images/logo.png" />
                    <区块 类名="title">Layui后台</区块>
                </区块>
                <区块 类名="lay-表单-项目">
                    <数据框 默认提示="账户 :  " 属性名称="账号" lay-验证="必填项" 类名="lay-输入框" />
                </区块>
                <区块 类名="lay-表单-项目">
                    <数据框 默认提示="密码 :  " 属性名称="密码" 数据类型="密码输入" lay-验证="必填项" 类名="lay-输入框" />
                </区块>
                <!--        <区块 类名="lay-表单-项目">
          <区块 类名="lay-输入框-内联块">
            <数据框 默认提示="验证码 : " 属性名称="验证码" lay-验证="必填项" 类名="lay-输入框 lay-输入框-内联块" />
          </区块>
          <区块 类名="验证码">
            <图片框 图像地址="http://demores.fofstudio.net/images/验证码.gif" 类名="" />
          </区块>
        </区块>
        <区块 类名="lay-表单-项目">
          <数据框 数据类型="选择框" 属性名称="" 提示信息="记住密码" lay-风格="原始风格" 默认选中 />
        </区块>-->
                <区块 类名="lay-表单-项目">
                    <按钮 按钮类型="普通按钮" 类名="lay-按钮 lay-流体按钮" lay-提交="" lay-过滤器="登录">登 入</按钮>
                </区块>
            </表单>
        </区块>
        <脚本>
            $(定义函数 () {
                lay_表单.表单提交事件(
                    "登录",
                    定义函数 (表单提交对象) {
                        调试输出("提交元素", 表单提交对象.元素); //被执行事件的元素DOM对象，一般为button对象
                        调试输出("提交表单", 表单提交对象.表单); //被执行提交的form对象，一般在存在form标签时才会返回
                        调试输出("提交字段", 表单提交对象.字段); //当前容器的全部表单字段,名值对形式:{名称: value}
                        局部变量 局部_提交数据 = "user=" + 表单提交对象.字段["账号"] + "&password=" + 表单提交对象.字段["密码"];

                        局部变量 = 局部_返回数据 = 网页访问_同步("/Login", 真, 局部_提交数据);
                        //调试输出("返回数据", 局部_返回数据);
                        layer.msg(JSON类.到可读JSON文本(局部_返回数据));
                        如果 (局部_返回数据["code"] == "200") {
                            浏览器URl操作.链接地址 = "@名称_index.lhtml";
                        }
                    },
                    假
                );
            });
        </脚本>
    </网页主体>
</网页>