大事件项目中的一些知识点（layui）

登陆页面

• 页面布局

  • 背景，顶部Logo，居中的div

• form表单

  • class="layui-form-item"的div为每一行

      <!-- 登录的表单 -->
      <form class="layui-form" id="form_login">
    <!-- 用户名 -->
    <div class="layui-form-item">
      <i class="layui-icon layui-icon-username"></i>
      <input type="text" name="username" required lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input" />
    </div>
    <!-- 密码 -->
    <div class="layui-form-item">
      <i class="layui-icon layui-icon-password"></i>
      <input type="password" name="password" required lay-verify="required|pwd" placeholder="请输入密码" autocomplete="off" class="layui-in