setting.html 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  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="sitename" lay-verify="required" lay-reqtext="网站域名不能为空" placeholder="请输入网站名称" value="layuimini" 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="text" name="domain" lay-verify="required" lay-reqtext="网站域名不能为空" placeholder="请输入网站域名" value="http://layuimini.99php.cn" 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-inline" style="width: 80px;">
  35. <input type="text" name="cache" lay-verify="number" value="0" class="layui-input">
  36. </div>
  37. <div class="layui-input-inline layui-input-company">分钟</div>
  38. <div class="layui-form-mid layui-word-aux">本地开发一般推荐设置为 0,线上环境建议设置为 10。</div>
  39. </div>
  40. <div class="layui-form-item">
  41. <label class="layui-form-label">最大文件上传</label>
  42. <div class="layui-input-inline" style="width: 80px;">
  43. <input type="text" name="cache" lay-verify="number" value="2048" class="layui-input">
  44. </div>
  45. <div class="layui-input-inline layui-input-company">KB</div>
  46. <div class="layui-form-mid layui-word-aux">提示:1 M = 1024 KB</div>
  47. </div>
  48. <div class="layui-form-item">
  49. <label class="layui-form-label">上传文件类型</label>
  50. <div class="layui-input-block">
  51. <input type="text" name="cache" value="png|gif|jpg|jpeg|zip|rar" class="layui-input">
  52. </div>
  53. </div>
  54. <div class="layui-form-item layui-form-text">
  55. <label class="layui-form-label required">首页标题</label>
  56. <div class="layui-input-block">
  57. <textarea name="title" class="layui-textarea">layuimini 简洁易用后台管理模板</textarea>
  58. </div>
  59. </div>
  60. <div class="layui-form-item layui-form-text">
  61. <label class="layui-form-label">META关键词</label>
  62. <div class="layui-input-block">
  63. <textarea name="keywords" class="layui-textarea" placeholder="多个关键词用英文状态 , 号分割"></textarea>
  64. </div>
  65. </div>
  66. <div class="layui-form-item layui-form-text">
  67. <label class="layui-form-label">META描述</label>
  68. <div class="layui-input-block">
  69. <textarea name="descript" class="layui-textarea">layuimini,最简洁、清爽、易用的layui后台框架模板。</textarea>
  70. </div>
  71. </div>
  72. <div class="layui-form-item layui-form-text">
  73. <label class="layui-form-label required">版权信息</label>
  74. <div class="layui-input-block">
  75. <textarea name="copyright" class="layui-textarea">© 2019 layuimini.99php.cn MIT license</textarea>
  76. </div>
  77. </div>
  78. <div class="layui-form-item">
  79. <div class="layui-input-block">
  80. <button class="layui-btn layui-btn-normal" lay-submit lay-filter="setting">确认保存</button>
  81. </div>
  82. </div>
  83. </div>
  84. </div>
  85. </div>
  86. <script src="../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
  87. <script>
  88. layui.use(['form'], function () {
  89. var form = layui.form
  90. , layer = layui.layer;
  91. //监听提交
  92. form.on('submit(setting)', function (data) {
  93. parent.layer.alert(JSON.stringify(data.field), {
  94. title: '最终的提交信息'
  95. });
  96. return false;
  97. });
  98. });
  99. </script>
  100. </body>
  101. </html>