usermsg.wxss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. .usermsg-wrapper {
  2. width: 20vw;
  3. height: 87vh;
  4. background: #F9FAFC;
  5. display: flex;
  6. flex-direction: column;
  7. align-items: center;
  8. overflow: hidden;
  9. }
  10. .userimg {
  11. width: 53px;
  12. height: 53px;
  13. margin-top: 20px;
  14. margin-bottom: 10px;
  15. }
  16. .username {
  17. display: flex;
  18. align-items: center;
  19. margin-bottom: 23px;
  20. }
  21. .username>.text {
  22. font-size:14px;
  23. line-height: 14px;
  24. color:rgba(51,51,51,1);
  25. }
  26. .username image {
  27. width:20px;
  28. height:20px;
  29. margin-left: 10px;
  30. }
  31. .address>.text {
  32. font-size:12px;
  33. color:rgba(121,148,169,1);
  34. text-align: center;
  35. }
  36. .address>.text:last-child {
  37. margin-top: 12px;
  38. margin-bottom: 18px;
  39. }
  40. .intention {
  41. height:30px;
  42. font-size:12px;
  43. color:rgba(80,93,124,1);
  44. line-height:16px;
  45. background:rgba(82,134,254,0.18);
  46. border-top: 1px dashed rgba(82,134,254,1);
  47. border-bottom: 1px dashed rgba(82,134,254,1);
  48. padding: 8px 15px;
  49. }
  50. .intentionbi {
  51. width: 75px;
  52. height: 75px;
  53. margin-top: 3px;
  54. position: relative;
  55. }
  56. .intentionbi>image {
  57. width: 100%;
  58. height: 100%;
  59. }
  60. .intentionbi>text {
  61. font-size:16px;
  62. color:rgba(51,51,51,1);
  63. position: absolute;
  64. left: 0;
  65. right: 0;
  66. top: 0;
  67. bottom: 0;
  68. margin: auto;
  69. text-align: center;
  70. line-height: 75px;
  71. }
  72. .intention-text {
  73. font-size:12px;
  74. color:rgba(121,148,169,1);
  75. text-align: center;
  76. }