word.wxss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. @import "chat-send-status.wxss";
  2. @import "voice.wxss";
  3. @import "time.wxss";
  4. @import "chat-item.wxss";
  5. .isMyWordStyle {
  6. background-color: #8fcbf7;
  7. color: #213d52;
  8. margin-right: -1rpx;
  9. margin-left: 14rpx;
  10. word-wrap: break-word;
  11. }
  12. .isOtherWordStyle {
  13. background-color: white;
  14. color: #333333;
  15. margin-right: 14rpx;
  16. margin-left: -1rpx;
  17. word-wrap: break-word;
  18. }
  19. .chat-list-pic-style {
  20. border-radius: 10rpx;
  21. margin-left: 5rpx;
  22. width: 150rpx;
  23. height: 280rpx;
  24. }
  25. .voice-duration-style {
  26. color: #666666;
  27. font-size: 26rpx;
  28. align-self: center;
  29. margin-top: 3rpx;
  30. margin-left: 5rpx;
  31. }
  32. .chat-list-arrow-style {
  33. width: 11rpx;
  34. height: 20rpx;
  35. margin-top: 25rpx
  36. }
  37. .chat-item-vr {
  38. background: #fff;
  39. width: 450rpx;
  40. color: #333;
  41. border-radius:0px 0px 8rpx 8rpx;
  42. font-size: 30rpx;
  43. }
  44. .chat-item-vr image {
  45. width: 450rpx;
  46. height: 242rpx;
  47. }
  48. .vr-intro {
  49. border-bottom: 1rpx solid #e5e5e5;
  50. padding: 10rpx 42rpx 14rpx 28rpx;
  51. color: #A3A4A5;
  52. font-size: 24rpx;
  53. }
  54. .chat-item-name {
  55. color: #111;
  56. font-size: 30rpx;
  57. font-weight: bold;
  58. line-height: 38rpx;
  59. }
  60. .click-text {
  61. line-height: 90rpx;
  62. text-align: center;
  63. color: #00B4ED;
  64. font-size: 30rpx;
  65. }