Keine Beschreibung

chat-assess-detail.html 2.9KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. <!doctype html>
  2. <html lang="en" class="feedback">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  6. <title></title>
  7. <link rel="stylesheet" type="text/css" href="../css/mui.min.css" />
  8. <link href="../css/iconfont.css" rel="stylesheet" />
  9. <link rel="stylesheet" type="text/css" href="../css/app.css" />
  10. <style>
  11. #textbox {
  12. position: relative;
  13. }
  14. .text_count {
  15. position: absolute;
  16. right: 0;
  17. bottom: 0;
  18. font-size: 12px;
  19. }
  20. </style>
  21. </head>
  22. <body>
  23. <header class="mui-bar mui-bar-nav toptitbox">
  24. <!--mui-action-back-->
  25. <span class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></span>
  26. <h1 class="mui-title toptit">评价</h1>
  27. </header>
  28. <div class="mui-content">
  29. <div class="assessbox">
  30. <div class="mui-content-padded ">
  31. <div class="icons mui-inline levelbox" id="starContainer">
  32. <span data-index="1" class="mui-icon iconfont icon-favor"></span>
  33. <span data-index="2" class="mui-icon iconfont icon-favor"></span>
  34. <span data-index="3" class="mui-icon iconfont icon-favor"></span>
  35. <span data-index="4" class="mui-icon iconfont icon-favor"></span>
  36. <span data-index="5" class="mui-icon iconfont icon-favor"></span>
  37. </div>
  38. <div id='assesscon'></div>
  39. </div>
  40. </div>
  41. </div>
  42. <script src="../js/public/mui.min.js"></script>
  43. <script src="../js/public/base.js"></script>
  44. <script src="../js/chat-assess-detail.js"></script>
  45. <script type="text/javascript">
  46. /*mui.init();
  47. mui('.mui-scroll-wrapper').scroll();
  48. (function() {
  49. var index = 1;
  50. var size = null;
  51. var imageIndexIdNum = 0;
  52. var starIndex = 0;
  53. var feedback = {
  54. question: document.getElementById('question'),
  55. submitBtn: document.getElementById('submit')
  56. };
  57. feedback.clearForm = function() {
  58. feedback.question.value = '';
  59. index = 0;
  60. size = 0;
  61. imageIndexIdNum = 0;
  62. starIndex = 0;
  63. //清除所有星标
  64. mui('.icons span').each(function (index,element) {
  65. if (element.classList.contains('icon-favorfill')) {
  66. element.classList.add('icon-favor')
  67. element.classList.remove('icon-favorfill')
  68. }
  69. })
  70. };
  71. //应用评分
  72. mui('.icons').on('tap','span',function(){
  73. var index = parseInt(this.getAttribute("data-index"));
  74. var parent = this.parentNode;
  75. var children = parent.children;
  76. if(this.classList.contains("icon-favor")){
  77. for(var i=0;i<index;i++){
  78. children[i].classList.remove('icon-favor');
  79. children[i].classList.add('icon-favorfill');
  80. }
  81. }else{
  82. for (var i = index; i < 5; i++) {
  83. children[i].classList.add('icon-favor')
  84. children[i].classList.remove('icon-favorfill')
  85. }
  86. }
  87. starIndex = index;
  88. });
  89. })();*/
  90. </script>
  91. </body>
  92. </html>