userFeedback.jsp 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2. pageEncoding="UTF-8"%>
  3. <%@ include file="meta.jsp"%>
  4. <link rel="stylesheet"
  5. href="${base}/static/web/frame/webuploader/webuploader.css"
  6. type="text/css">
  7. <script type="text/javascript"
  8. src="${base}/static/web/frame/webuploader/webuploader.min.js"></script>
  9. <title>${siteName}</title>
  10. <style>
  11. p{
  12. padding: 10px 15px 0;
  13. }
  14. textarea {
  15. height: 100px;
  16. margin-bottom: 0 !important;
  17. padding-bottom: 0 !important;
  18. border: none !important;
  19. }
  20. input[type='text']{
  21. margin-bottom: 0 !important;
  22. border: none !important;
  23. }
  24. .row {
  25. width: 100%;
  26. background-color: #fff;
  27. }
  28. .webuploader-pick{
  29. width: 65px;
  30. height: 65px;
  31. background: url(../static/mobile/image/tianjia.png);
  32. background-size: 100% 100%;
  33. display: inline-block;
  34. position: relative;
  35. border-radius: 5px;
  36. margin-right: 10px;
  37. margin-bottom: 10px;
  38. }
  39. .webuploader-pick-hover{
  40. background:url(../static/mobile/image/tianjia.png);
  41. background-size: 100% 100%;
  42. }
  43. </style>
  44. </head>
  45. <body>
  46. <header class="mui-bar mui-bar-nav">
  47. <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
  48. <h1 class="mui-title">意见反馈</h1>
  49. </header>
  50. <div class="mui-content">
  51. <p>问题和意见</p>
  52. <div class="row mui-input-row">
  53. <textarea id="content" class="mui-input-clear" placeholder="请详细描述你的问题和意见..."></textarea>
  54. </div>
  55. <p>图片(选填,提供问题截图)</p>
  56. <div id="image-list" class="row image-list">
  57. <div id="list1" style="display: inline-block;">
  58. </div>
  59. <div id="picker1"></div>
  60. </div>
  61. <p>手机号码</p>
  62. <div class="mui-input-row">
  63. <input id="mobile" type="text" class="mui-input-clear" placeholder="(选填,方便我们联系你 )" >
  64. </div>
  65. <div class="pd15">
  66. <button type="button" class="mui-btn mui-btn-primary mui-btn-block">提交</button>
  67. </div>
  68. </div>
  69. </body>
  70. <script src="${base}/static/mobile/js/userFeedback.js?v=${version}"></script>
  71. </html>