feedback.wxss 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. .feedbackbase{
  2. display: flex;
  3. flex-direction: column;
  4. background: rgba(244,244,244,0.6);
  5. color: #333;
  6. height: 100vh;
  7. }
  8. .email{
  9. background: #ffffff;
  10. padding: 20rpx 30rpx;
  11. display: flex;
  12. flex-direction: row;
  13. font-size: 15px;
  14. }
  15. .email-input{
  16. padding-left: 40rpx;
  17. align-self: center;
  18. font-size: 15px;
  19. }
  20. .content{
  21. margin-top: 25rpx;
  22. background: #ffffff;
  23. padding: 20rpx 30rpx 10rpx 30rpx;
  24. font-size: 15px;
  25. }
  26. .type{
  27. display: flex;
  28. flex-direction: row;
  29. align-items: center;
  30. }
  31. .choosetype{
  32. padding-left: 40rpx;
  33. font-size: 15px;
  34. color: #f37b1d;
  35. }
  36. .xiangxia{
  37. height: 30rpx;
  38. width: 30rpx;
  39. margin-left: 340rpx;
  40. }
  41. .line{
  42. background: gainsboro;
  43. height: 3rpx;
  44. width: 100%;
  45. margin-left: 30rpx;
  46. }
  47. .textarea-data{
  48. margin-top: 20rpx;
  49. background: #ffffff;
  50. width: 100%;
  51. height: 300rpx;
  52. }
  53. .currentWordNumber {
  54. position: absolute;
  55. bottom: 10rpx;
  56. right: 10rpx;
  57. color: #888;
  58. }
  59. .button{
  60. margin-top: 60rpx;
  61. background: rgba(243,123,29,0.9);
  62. height: 80rpx;
  63. width: 80%;
  64. font-weight: 400;
  65. border-radius: 20rpx;
  66. align-items: center;
  67. align-self: center;
  68. font-size: 18px;
  69. display: flex;
  70. justify-content: center;
  71. color: #ffffff;
  72. }