index.wxss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. .tui-cards-container {
  2. position: fixed;
  3. width: 100vw;
  4. height: 100vh;
  5. z-index: 100;
  6. top: 0;
  7. background: rgba(0, 0, 0, 0.5);
  8. }
  9. .service-evaluation {
  10. position: absolute;
  11. bottom: 0;
  12. right: 0;
  13. left: 0;
  14. background: #FFFFFF;
  15. padding: 48rpx 40rpx;
  16. }
  17. .header {
  18. display: flex;
  19. justify-content: space-between;
  20. font-family: PingFangSC-Regular;
  21. }
  22. .btn {
  23. width: 100%;
  24. padding: 0;
  25. margin: 0 auto;
  26. text-align: center;
  27. background: none;
  28. }
  29. .btn-close {
  30. color: #006EFF;
  31. }
  32. .header-label {
  33. font-size: 18px;
  34. color: #000000;
  35. letter-spacing: 0;
  36. line-height: 25px;
  37. }
  38. .header .btn {
  39. font-size: 16px;
  40. color: #006EFF;
  41. letter-spacing: 0;
  42. line-height: 24px;
  43. }
  44. .main {
  45. display: flex;
  46. flex-direction: column;
  47. padding: 48rpx 0;
  48. }
  49. .main-evaluation-score {
  50. padding: 0 60rpx 48rpx;
  51. display: flex;
  52. justify-content: space-between;
  53. align-items: flex-end;
  54. }
  55. .main-evaluation-score .score-star {
  56. width: 72rpx;
  57. height: 72rpx;
  58. }
  59. .main-textarea {
  60. background: #F8F8F8;
  61. border: 0 solid #D9D9D9;
  62. border-radius: 4px;
  63. font-size: 14px;
  64. padding: 16rpx 32rpx;
  65. }
  66. .textarea-placeholder {
  67. color: #B0B0B0;
  68. }
  69. .footer .btn {
  70. width: 100%;
  71. padding: 26rpx 0;
  72. background: #006EFF;
  73. border-radius: 24px;
  74. border-radius: 24px;
  75. font-size: 16px;
  76. color: #FFFFFF;
  77. }