user-setting.html 3.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>基本资料</title>
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  9. <link rel="stylesheet" href="../lib/layui-v2.6.3/css/layui.css" media="all">
  10. <link rel="stylesheet" href="../css/public.css" media="all">
  11. <style>
  12. .layui-form-item .layui-input-company {width: auto;padding-right: 10px;line-height: 38px;}
  13. </style>
  14. </head>
  15. <body>
  16. <div class="layuimini-container">
  17. <div class="layuimini-main">
  18. <div class="layui-form layuimini-form">
  19. <div class="layui-form-item">
  20. <label class="layui-form-label required">管理账号</label>
  21. <div class="layui-input-block">
  22. <input type="text" name="username" lay-verify="required" lay-reqtext="管理账号不能为空" placeholder="请输入管理账号" value="admin" class="layui-input">
  23. <tip>填写自己管理账号的名称。</tip>
  24. </div>
  25. </div>
  26. <div class="layui-form-item">
  27. <label class="layui-form-label required">手机</label>
  28. <div class="layui-input-block">
  29. <input type="number" name="phone" lay-verify="required" lay-reqtext="手机不能为空" placeholder="请输入手机" value="" class="layui-input">
  30. </div>
  31. </div>
  32. <div class="layui-form-item">
  33. <label class="layui-form-label">邮箱</label>
  34. <div class="layui-input-block">
  35. <input type="email" name="email" placeholder="请输入邮箱" value="" class="layui-input">
  36. </div>
  37. </div>
  38. <div class="layui-form-item layui-form-text">
  39. <label class="layui-form-label">备注信息</label>
  40. <div class="layui-input-block">
  41. <textarea name="remark" class="layui-textarea" placeholder="请输入备注信息"></textarea>
  42. </div>
  43. </div>
  44. <div class="layui-form-item">
  45. <div class="layui-input-block">
  46. <button class="layui-btn layui-btn-normal" lay-submit lay-filter="saveBtn">确认保存</button>
  47. </div>
  48. </div>
  49. </div>
  50. </div>
  51. </div>
  52. <script src="../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
  53. <script src="../js/lay-config.js?v=1.0.4" charset="utf-8"></script>
  54. <script>
  55. layui.use(['form','miniTab'], function () {
  56. var form = layui.form,
  57. layer = layui.layer,
  58. miniTab = layui.miniTab;
  59. //监听提交
  60. form.on('submit(saveBtn)', function (data) {
  61. var index = layer.alert(JSON.stringify(data.field), {
  62. title: '最终的提交信息'
  63. }, function () {
  64. layer.close(index);
  65. miniTab.deleteCurrentByIframe();
  66. });
  67. return false;
  68. });
  69. });
  70. </script>
  71. </body>
  72. </html>