提供一个基于layui的登录表单代码

好的，以下是一个基于layui的登录表单代码：

HTML代码：

<div class="layui-container">
  <div class="layui-row">
    <div class="layui-col-md6 layui-col-md-offset3">
      <form class="layui-form" action="" method="post">
        <div class="layui-form-item">
          <label class="layui-form-label">用户名</label>
          <div class="layui-input-block">
            <input type="text" name="username" placeholder="请输入用户名" autocomplete="off" class="layui-input">
          </div>
        </div>
        <div class="layui-form-item">
          <label class="layui-form-label">密码</label>
          <div class="layui-input-block">
            <input type="password" name="password" placeholder="请输入密码" autocomplete="off" class="layui-input">
          </div>
        </div>
        <div class="layui-form-item">
          <button class="layui-btn" lay-submit lay-filter="login">登录</button>
        </div>
      </form>
    </div>
  </div>
</div>

CSS代码：

.layui-container {
  margin-top: 50px;
}

.layui-col-md6 {
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  box-shadow: 0 0 5px #e6e6e6;
  padding: 20px;
}

.layui-form-item {
  margin-bottom: 20px;
}

JavaScript代码：

layui.use(['form', 'layer'], function(){
  var form = layui.form;
  var layer = layui.layer;
  
  // 提交表单
  form.on('submit(login)', function(data){
    // 模拟登录成功
    if (data.field.username === 'admin' && data.field.password === '123456') {
      layer.msg('登录成功！', {icon: 1});
      return false;
    }
    else {
      layer.msg('用户名或密码错误！', {icon: 2});
      return false;
    }
  });
});

在 JavaScript 中，我们使用了 `layui.use` 方法加载了 `form` 和 `layer` 模块，并在回调函数中初始化了表单，并监听了提交事件。在提交事件中，我们使用了 `layer.msg` 方法来模拟登录成功或失败的提示。