msgdetail.wxss 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. .container.data-v-b13fcb8d {
  2. min-height: 100vh;
  3. background-color: #F8F9FB;
  4. padding: 30rpx;
  5. }
  6. .detail-card.data-v-b13fcb8d {
  7. background: #FFFFFF;
  8. border-radius: 24rpx;
  9. padding: 40rpx;
  10. box-shadow: 0 4rpx 24rpx rgba(0, 0, 0, 0.03);
  11. }
  12. .detail-card .msg-title.data-v-b13fcb8d {
  13. font-size: 38rpx;
  14. font-weight: bold;
  15. color: #1A1A1A;
  16. display: block;
  17. margin-bottom: 30rpx;
  18. }
  19. .detail-card .info-list.data-v-b13fcb8d {
  20. display: flex;
  21. flex-direction: column;
  22. gap: 20rpx;
  23. }
  24. .detail-card .info-list .info-item.data-v-b13fcb8d {
  25. display: flex;
  26. font-size: 30rpx;
  27. line-height: 1.5;
  28. }
  29. .detail-card .info-list .info-item.vertical.data-v-b13fcb8d {
  30. flex-direction: column;
  31. }
  32. .detail-card .info-list .info-item .label.data-v-b13fcb8d {
  33. color: #999999;
  34. flex-shrink: 0;
  35. }
  36. .detail-card .info-list .info-item .mb-8.data-v-b13fcb8d {
  37. margin-bottom: 8rpx;
  38. }
  39. .detail-card .info-list .info-item .value.data-v-b13fcb8d {
  40. color: #666666;
  41. }
  42. .detail-card .info-list .info-item .status-text.data-v-b13fcb8d {
  43. color: #1F6CFF;
  44. font-weight: 500;
  45. }
  46. .detail-card .info-list .info-item .desc-text.data-v-b13fcb8d {
  47. color: #888888;
  48. font-size: 28rpx;
  49. line-height: 1.6;
  50. }
  51. .end-tip.data-v-b13fcb8d {
  52. display: flex;
  53. align-items: center;
  54. justify-content: center;
  55. padding: 80rpx 0;
  56. }
  57. .end-tip .line.data-v-b13fcb8d {
  58. width: 60rpx;
  59. height: 1rpx;
  60. background: #E0E0E0;
  61. margin: 0 20rpx;
  62. }
  63. .end-tip .end-text.data-v-b13fcb8d {
  64. font-size: 24rpx;
  65. color: #CCCCCC;
  66. }
  67. .card-anim.data-v-b13fcb8d {
  68. animation: fadeInDown-b13fcb8d 0.4s ease-out;
  69. }
  70. @keyframes fadeInDown-b13fcb8d {
  71. from {
  72. opacity: 0;
  73. transform: translateY(-20rpx);
  74. }
  75. to {
  76. opacity: 1;
  77. transform: translateY(0);
  78. }
  79. }