login.blade.php 3.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>头脑风暴 - 登陆</title>
  6. <meta name="csrf-token" content="{{ csrf_token() }}">
  7. <meta name="full-screen" content="yes"/> <!--部分原生机子-->
  8. <meta name="screen-orientation" content="portrait"/> <!--UC浏览器-->
  9. <meta name="x5-fullscreen" content="true"/> <!--QQ浏览器-->
  10. <meta name="360-fullscreen" content="true"/> <!--360浏览器-->
  11. <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />
  12. <meta name="apple-mobile-web-app-capable" content="yes" />
  13. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  14. <meta name="csrf-token" content="{{ csrf_token() }}">
  15. {!!Html::style('plugins/layui/css/layui.css')!!}
  16. <script>
  17. (function(f,j){var i=document,d=window;var b=i.documentElement;var c;var h=i.querySelector('meta[name="viewport"]');var e="width=device-width,initial-scale=1,maximum-scale=1.0,user-scalable=no";if(h){h.setAttribute("content",e)}else{h=i.createElement("meta");h.setAttribute("name","viewport");h.setAttribute("content",e);if(b.firstElementChild){b.firstElementChild.appendChild(h)}else{var a=i.createElement("div");a.appendChild(h);i.write(a.innerHTML)}}function g(){var k=b.getBoundingClientRect().width;if(!j){j=540}if(k>j){k=j}var l=k*100/f;b.style.fontSize=l+"px"}g();d.addEventListener("resize",function(){clearTimeout(c);c=setTimeout(g,300)},false);d.addEventListener("pageshow",function(k){if(k.persisted){clearTimeout(c);c=setTimeout(g,300)}},false);if(i.readyState==="complete"){i.body.style.fontSize="16px"}else{i.addEventListener("DOMContentLoaded",function(k){i.body.style.fontSize="16px"},false)}})(750,750);
  18. </script>
  19. </head>
  20. <body>
  21. <form class="layui-form" action="" >
  22. <div class="layui-form-item" style=" margin: 0 auto; width: 7rem;">
  23. <!-- <label class="layui-form-label">输入名字</label> -->
  24. <div class="layui-input-block">
  25. <input type="text" name="username" required lay-verify="required" placeholder="输入名字" autocomplete="off" class="layui-input">
  26. </div>
  27. </div>
  28. <div class="layui-form-item">
  29. <div class="layui-input-block">
  30. <button class="layui-btn" lay-submit lay-filter="formDemo">登陆</button>
  31. </div>
  32. </div>
  33. </form>
  34. {!!Html::script('plugins/layui/layui.js')!!}
  35. <script>
  36. layui.use(['form','jquery'], function(){
  37. var form = layui.form;
  38. var $ = layui.$;
  39. $.ajaxSetup({
  40. headers: {
  41. 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
  42. }
  43. });
  44. //监听提交
  45. form.on('submit(formDemo)', function(data){
  46. layer.msg(JSON.stringify(data.field));
  47. var url = "/Home/User/Login";
  48. $.post(url,data.field,function(responsedata){
  49. layer.msg(responsedata.msg, {
  50. time: 1000 //2秒关闭(如果不配置,默认是3秒)
  51. }, function(){
  52. layer.msg("跳转中...", {
  53. time: 1000 //2秒关闭(如果不配置,默认是3秒)
  54. });
  55. window.location.href = '/Home/User/Index';
  56. });
  57. },'json');
  58. return false;
  59. });
  60. });
  61. </script>
  62. </body>
  63. </html>