userOrderComment.jsp 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  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. textarea {
  12. height: 100px;
  13. margin-bottom: 0 !important;
  14. padding-top: 0 !important;
  15. padding-bottom: 0 !important;
  16. border: none !important;
  17. }
  18. .bgcolor1 .mui-btn{
  19. margin-top: 10px;
  20. margin-left: 10px;
  21. font-size: 0.28rem;
  22. }
  23. .row {
  24. width: 100%;
  25. background-color: #fff;
  26. }
  27. .webuploader-pick{
  28. width: 1.3rem;
  29. height: 1.3rem;
  30. background: url(${base}/static/mobile/image/tianjia.png);
  31. background-size: 100% 100%;
  32. display: inline-block;
  33. position: relative;
  34. border-radius: 5px;
  35. margin-right: 10px;
  36. margin-bottom: 10px;
  37. }
  38. .webuploader-pick-hover{
  39. background:url(${base}/static/mobile/image/tianjia.png);
  40. background-size: 100% 100%;
  41. }
  42. .image-list{
  43. height:auto;
  44. padding: 0.2rem 0.2rem 0;
  45. }
  46. .webuploader-container{
  47. height: auto;
  48. }
  49. .webuploader-pick{
  50. margin-bottom: 0;
  51. }
  52. </style>
  53. </head>
  54. <body>
  55. <header id="header" class="mui-bar mui-bar-nav">
  56. <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
  57. <h1 id="title" class="mui-title">评价</h1>
  58. </header>
  59. <div class="mui-content">
  60. <ul class="mui-table-view no-bg mt10 line-left fs14">
  61. <li class="mui-table-view-cell mui-media">
  62. <div class="merchant_name fs16"></div>
  63. <div class="product_name fs14 color2"></div>
  64. </li>
  65. <li class="mui-table-view-cell mui-media" style="padding: 0.1rem 0;">
  66. <div class="mui-media-body">
  67. <textarea class="mui-input-clear question" id="content"
  68. placeholder="对我们的服务还满意吗?您的评价是对我们最大的鼓励!"></textarea>
  69. </div>
  70. <div id="image-list" class="row image-list">
  71. <div id="list1" style="display: inline-block;">
  72. </div>
  73. <div id="picker1"></div>
  74. </div>
  75. </li>
  76. </ul>
  77. <div class="bgcolor1 pb10">
  78. <span class="mui-btn">非常不错!推荐!</span>
  79. <span class="mui-btn">服务很好,给予好评!</span>
  80. <span class="mui-btn">好评!</span>
  81. <span class="mui-btn">体验不错,下次还来!</span>
  82. <span class="mui-btn">环境很好,服务到位,下次还来!</span>
  83. </div>
  84. <div class="pd15">
  85. <button type="button" class="mui-btn mui-btn-primary mui-btn-block pd10">发布评价</button>
  86. </div>
  87. </div>
  88. </body>
  89. <script src="${base}/static/mobile/js/userOrderComment.js?v=${version}"></script>
  90. </html>