messageshow.wxss 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. .m-item {
  2. display: -webkit-box;
  3. display: -webkit-flex;
  4. display: flex;
  5. -webkit-box-orient: horizontal;
  6. -webkit-box-direction: normal;
  7. -webkit-flex-direction: row;
  8. flex-direction: row;
  9. padding-top: 40rpx;
  10. }
  11. .m-left {
  12. display: -webkit-box;
  13. display: -webkit-flex;
  14. display: flex;
  15. width: 120rpx;
  16. -webkit-box-pack: center;
  17. -webkit-justify-content: center;
  18. justify-content: center;
  19. -webkit-box-align: start;
  20. -webkit-align-items: flex-start;
  21. align-items: flex-start;
  22. }
  23. .m-content {
  24. display: -webkit-box;
  25. display: -webkit-flex;
  26. display: flex;
  27. -webkit-box-flex: 1;
  28. -webkit-flex: 1;
  29. flex: 1;
  30. -webkit-box-orient: vertical;
  31. -webkit-box-direction: normal;
  32. -webkit-flex-direction: column;
  33. flex-direction: column;
  34. -webkit-box-pack: center;
  35. -webkit-justify-content: center;
  36. justify-content: center;
  37. word-break: break-all;
  38. }
  39. .m-right {
  40. display: -webkit-box;
  41. display: -webkit-flex;
  42. display: flex;
  43. width: 120rpx;
  44. -webkit-box-pack: center;
  45. -webkit-justify-content: center;
  46. justify-content: center;
  47. -webkit-box-align: start;
  48. -webkit-align-items: flex-start;
  49. align-items: flex-start;
  50. }
  51. .head_icon {
  52. width: 80rpx;
  53. height: 80rpx;
  54. border-radius: 100%;
  55. }
  56. .m-content-head {
  57. position: relative;
  58. }
  59. .m-content-head-right {
  60. display: -webkit-box;
  61. display: -webkit-flex;
  62. display: flex;
  63. -webkit-box-pack: end;
  64. -webkit-justify-content: flex-end;
  65. justify-content: flex-end;
  66. }
  67. .m-content-head-home {
  68. text-align: left;
  69. background: #1482d1;
  70. border: 1px #1482d1 solid;
  71. border-radius: 20rpx;
  72. padding: 20rpx 25rpx;
  73. font-size: 26rpx !important;
  74. color: white;
  75. display: inline-block;
  76. }
  77. .m-content-head-home:before {
  78. border: 15rpx solid transparent;
  79. border-right: 15rpx solid #1482d1;
  80. left: -26rpx;
  81. width: 0;
  82. height: 0;
  83. position: absolute;
  84. content: ' '
  85. }
  86. .m-content-head-customer {
  87. border: 1rpx white solid;
  88. font-size: 26rpx !important;
  89. background: white;
  90. border-radius: 20rpx;
  91. padding: 20rpx;
  92. background-color: #F7F7FB;
  93. }
  94. .m-content-head-customer:after {
  95. border: 15rpx solid transparent;
  96. border-left: 15rpx solid #F7F7FB;
  97. top: 20rpx;
  98. right: -26rpx;
  99. width: 0;
  100. height: 0;
  101. position: absolute;
  102. content: ' '
  103. }