updatenickname.html 2.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. <!doctype html>
  2. <html class="no-js">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="description" content="">
  7. <meta name="keywords" content="">
  8. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  9. <title>{:__('修改昵称')}</title>
  10. <!-- Set render engine for 360 browser -->
  11. <meta name="renderer" content="webkit">
  12. <link rel="stylesheet" href="__CDN__/assets/shop/css/amazeui.css">
  13. <link rel="stylesheet" href="__CDN__/assets/shop/css/app.css">
  14. <style type="text/css">
  15. div[data-html=form] .am-form .am-form-group{
  16. margin-bottom: 1rem;
  17. border-radius: 10px;
  18. }
  19. </style>
  20. </head>
  21. <body class="">
  22. <!-- Header -->
  23. <header data-am-widget="header" class="am-header am-header-default">
  24. <div class="am-header-left am-header-nav">
  25. <a href="javascript:void(0);" onclick="javascript:history.back(-1);return false;"><i class="am-header-icon am-icon-chevron-left"></i></a>
  26. </div>
  27. <h1 class="am-header-title">
  28. <a href="#title-link">{:__('修改昵称')}</a>
  29. </h1>
  30. </header>
  31. <!-- Content -->
  32. <div class="wapper am-bg-white" data-html="form" style="padding-top:49px">
  33. <div class="am-margin-sm">
  34. <form class="am-form am-form-horizontal invest-form" id="form1">
  35. <div class="am-form-group sc-bg">
  36. <label class="am-u-sm-3 am-form-label">{:__('昵称')}</label>
  37. <div class="am-u-sm-9">
  38. <input type="text" class=" " placeholder="{:__('请输入昵称')}" name="nickname" value="{$user.nickname}">
  39. </div>
  40. </div>
  41. </form>
  42. </div>
  43. </div>
  44. <div class="am-margin-xl">
  45. <button type="button" class="am-btn am-btn-black am-round am-btn-block" id="submit">确认修改</button>
  46. </div>
  47. <script src="__CDN__/assets/shop/js/jquery.min.js"></script>
  48. <script src="__CDN__/assets/shop/js/amazeui.min.js"></script>
  49. <script src="__CDN__/assets/libs/layer/layer.js"></script>
  50. <script>
  51. $('#submit').click(function(){
  52. var formData = new FormData($('#form1')[0]);
  53. $.ajax({
  54. type: "POST",
  55. url: "{:url('api/user/updatename')}",
  56. data: formData,
  57. contentType: false,
  58. processData: false,
  59. success: function(data) {
  60. if(data.code>0)
  61. {
  62. layer.msg(data.msg,{time:1000},function(){
  63. location="index";
  64. });
  65. }else{
  66. layer.msg(data.msg);
  67. }
  68. },
  69. error: function(XMLHttpRequest, textStatus, errorThrown) {
  70. layer.msg("{:__('网络错误,请稍后重试')}");
  71. }
  72. });
  73. })
  74. </script>
  75. </body>
  76. </html>