feedback.css 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  1. /*!
  2. * ======================================================
  3. * FeedBack Template For MUI (http://dev.dcloud.net.cn/mui)
  4. * =======================================================
  5. * @version:1.0.0
  6. * @author:cuihongbao@dcloud.io
  7. */
  8. .feedback body {
  9. background-color: #EFEFF4;
  10. }
  11. .feedback input,
  12. .feedback textarea {
  13. border: none !important;
  14. }
  15. .feedback textarea {
  16. height: 100px;
  17. margin-bottom: 0 !important;
  18. padding-bottom: 0 !important;
  19. }
  20. .feedback .row {
  21. width: 100%;
  22. background-color: #fff;
  23. }
  24. .feedback p {
  25. padding: 10px 15px 0;
  26. }
  27. /*.feedback button#submit {
  28. width: 90%;
  29. height: 46px;
  30. left: 50%;
  31. -webkit-transform: translate(-50%);
  32. }*/
  33. input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
  34. font-size: 14px;
  35. }
  36. .feedback .hidden {
  37. display: none;
  38. }
  39. .feedback .image-list {
  40. width: 100%;
  41. height: 85px;
  42. background-size: cover;
  43. padding: 10px 10px;
  44. overflow: hidden;
  45. }
  46. .feedback .image-item {
  47. width: 65px;
  48. height: 65px;
  49. /*background-image: url(../images/iconfont-tianjia.png);*/
  50. background-size: 100% 100%;
  51. display: inline-block;
  52. position: relative;
  53. border-radius: 5px;
  54. margin-right: 10px;
  55. margin-bottom: 10px;
  56. border: solid 1px #e8e8e8;
  57. vertical-align: top;
  58. }
  59. .feedback .image-item .file {
  60. position: absolute;
  61. left: 0px;
  62. top: 0px;
  63. width: 100%;
  64. height: 100%;
  65. opacity: 0;
  66. cursor: pointer;
  67. z-index: 0;
  68. }
  69. .feedback .image-item.space {
  70. border: none;
  71. }
  72. .feedback .image-item .image-close {
  73. position: absolute;
  74. display: inline-block;
  75. right: -6px;
  76. top: -6px;
  77. width: 20px;
  78. height: 20px;
  79. text-align: center;
  80. line-height: 20px;
  81. border-radius: 12px;
  82. background-color: #FF5053;
  83. color: #f3f3f3;
  84. border: solid 1px #FF5053;
  85. font-size: 9px;
  86. font-weight: 200;
  87. z-index: 1;
  88. }
  89. .feedback .image-item .image-up{
  90. height: 65px;
  91. width: 65px;
  92. border-radius: 10px;
  93. line-height: 65px;
  94. border: 1px solid #ccc;
  95. color: #ccc;
  96. display: inline-block;
  97. text-align: center;
  98. }
  99. .feedback .image-item .image-up:after{
  100. font-family: "微软雅黑";
  101. content: '+';
  102. font-size: 60px;
  103. }
  104. .feedback .image-item.space .image-close {
  105. display: none;
  106. }
  107. .feedback .mui-inline{
  108. vertical-align: bottom;
  109. font-size: 14px;
  110. color: #8f8f94;
  111. }
  112. .mui-icon-star{
  113. color: #B5B5B5;
  114. font-size: 22px;
  115. }
  116. .mui-icon-star-filled{
  117. color: #FFB400;
  118. font-size: 22px;
  119. }
  120. .mui-popover {
  121. height: 180px;
  122. }
  123. .stream{
  124. display: none;
  125. }
  126. .mui-plus-stream .stream{
  127. display: block;
  128. }