voice-check-modal.wxss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. .modal.data-v-ce199c44 {
  2. position: fixed;
  3. top: 0;
  4. left: 0;
  5. right: 0;
  6. bottom: 0;
  7. background: rgba(0, 0, 0, 0.6);
  8. display: flex;
  9. align-items: center;
  10. justify-content: center;
  11. z-index: 999;
  12. }
  13. .modal-content.data-v-ce199c44 {
  14. width: 80%;
  15. background: #fff;
  16. border-radius: 20rpx;
  17. padding: 40rpx;
  18. text-align: center;
  19. }
  20. .modal-title.data-v-ce199c44 {
  21. font-size: 32rpx;
  22. font-weight: bold;
  23. margin-bottom: 20rpx;
  24. }
  25. .modal-text.data-v-ce199c44 {
  26. font-size: 28rpx;
  27. color: #666;
  28. margin-bottom: 30rpx;
  29. }
  30. .wave-container.data-v-ce199c44 {
  31. height: 160rpx;
  32. display: flex;
  33. align-items: center;
  34. justify-content: center;
  35. gap: 6rpx;
  36. margin: 30rpx 0;
  37. }
  38. .wave-bar.data-v-ce199c44 {
  39. width: 8rpx;
  40. background: #0039b3;
  41. border-radius: 4rpx;
  42. transition: height 0.1s ease;
  43. }
  44. .read-text.data-v-ce199c44 {
  45. background: #f5f5f5;
  46. padding: 30rpx;
  47. border-radius: 10rpx;
  48. font-size: 30rpx;
  49. margin: 30rpx 0;
  50. }
  51. .confirm-btn.data-v-ce199c44 {
  52. width: 80%;
  53. height: 80rpx;
  54. line-height: 80rpx;
  55. background: #0039b3;
  56. color: #fff;
  57. border-radius: 40rpx;
  58. margin-top: 30rpx;
  59. }