userInfo.html 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. <!DOCTYPE html>
  2. <html style=" background-color: #f2f2f2; height: 100%">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>个人资料</title>
  6. <script src="../../admin/index.js" door type="text/javascript" charset="utf-8"></script>
  7. <script>
  8. link('css/user.css')
  9. </script>
  10. <style>
  11. html body{
  12. height: 100%;
  13. }
  14. .flexBox{
  15. display: flex;
  16. align-items: center;
  17. height: 100%;
  18. }
  19. .layui-userInfo{
  20. height: 400px;
  21. width: 600px;
  22. margin: 0 auto;
  23. }
  24. .layui-text em, .layui-word-aux{color: #333 !important;}
  25. </style>
  26. <script id="demo" type="text/html">
  27. <form class="layui-form" lay-filter="userInfo">
  28. <div class="layui-form-item">
  29. <label class="layui-form-label">账号:</label>
  30. <div class="layui-input-block">
  31. <div class="layui-form-mid layui-word-aux">{{d.name || ''}}</div>
  32. </div>
  33. </div>
  34. <div class="layui-form-item">
  35. <label class="layui-form-label">姓名:</label>
  36. <div class="layui-input-block">
  37. <div class="layui-form-mid layui-word-aux">{{d.realName || ''}}</div>
  38. </div>
  39. </div>
  40. <div class="layui-form-item" pane="">
  41. <label class="layui-form-label">性别:</label>
  42. <div class="layui-input-block">
  43. <div class="layui-form-mid layui-word-aux">{{d.sex || ''}}</div>
  44. </div>
  45. </div>
  46. <div class="layui-form-item">
  47. <label class="layui-form-label">角色:</label>
  48. <div class="layui-input-block">
  49. <div class="layui-form-mid layui-word-aux">{{d.roleName || ''}}</div>
  50. </div>
  51. </div>
  52. <div class="layui-form-item">
  53. <label class="layui-form-label">手机号码:</label>
  54. <div class="layui-input-block">
  55. <div class="layui-form-mid layui-word-aux">{{d.phone || ''}}</div>
  56. </div>
  57. </div>
  58. </form>
  59. </script>
  60. </head>
  61. <body class="childrenBody">
  62. <div class="flexBox">
  63. <div class="layui-card layui-userInfo layui-container">
  64. <div class="layui-card-header">个人信息</div>
  65. <div class="layui-card-body" style="padding: 25px 30px 0 0">
  66. <div id="view"></div>
  67. </div>
  68. </div>
  69. </div>
  70. <script type="text/javascript" src="user.js"></script>
  71. </body>
  72. </html>