insideMessage.wxss 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. .message-view {
  2. width: 100%;
  3. min-height: 100%;
  4. background: #f0eff2;
  5. padding-top: 19rpx;
  6. overflow: hidden;
  7. }
  8. .message-box {
  9. width: 100%;
  10. margin-bottom: 19rpx;
  11. }
  12. .message-time {
  13. color: #fff;
  14. font-size: 24rpx;
  15. background: #cccbce;
  16. width: 310rpx;
  17. height: 36rpx;
  18. line-height: 36rpx;
  19. margin: 0 auto;
  20. text-align: center;
  21. border-radius: 18rpx;
  22. }
  23. .message-text {
  24. color: #464646;
  25. font-weight: 800;
  26. font-size: 29rpx;
  27. line-height: 40rpx;
  28. width: 704rpx;
  29. min-height: 80rpx;
  30. margin: 20rpx auto;
  31. background: #fff;
  32. border-radius: 20rpx;
  33. padding: 20rpx;
  34. box-sizing: border-box;
  35. }
  36. .message-box-placerholder {
  37. width: 100%;
  38. color: #979797;
  39. font-weight: 400;
  40. font-size: 29rpx;
  41. text-align: center;
  42. height: 100rp;
  43. line-height: 100rpx;
  44. }
  45. button {
  46. padding: 0;
  47. margin: 0;
  48. line-height: 42rpx;
  49. overflow: visible;
  50. -webkit-appearance: none;
  51. -webkit-tap-highlight-color: #fff;
  52. }
  53. .contact-btn {
  54. width: 186rpx;
  55. height: 164rpx;
  56. position: fixed;
  57. right: 44rpx;
  58. bottom: 70rpx;
  59. }
  60. .contact-btn image {
  61. width: 100%;
  62. height: 100%;
  63. }