index.wxss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
  1. page{
  2. background-color: var(--weui-FG-3);
  3. }
  4. .containt{
  5. margin-top: 0px;
  6. padding-bottom: 50px;
  7. }
  8. .article{
  9. background-color: #ffffff;
  10. margin-bottom: 10px;
  11. }
  12. .article,.comment{
  13. padding: 10px;
  14. }
  15. .article_name{
  16. width: 100%;
  17. display: flex;
  18. flex-direction: column;
  19. }
  20. .deleteIcon{
  21. display: flex;align-items: center;justify-content: space-between;
  22. }
  23. .nick_name{
  24. font-size: medium;
  25. font-weight: bold;
  26. }
  27. .article_create_at{
  28. font-size: small;
  29. color: #c5c3c3;
  30. }
  31. .article_title{
  32. display: flex;
  33. margin-bottom: 10px;
  34. position: relative;
  35. }
  36. .article_title image ,.comment_image image{
  37. width: 40px;
  38. height: 40px;
  39. }
  40. .comment_image{
  41. width: 50px;
  42. }
  43. .comment{
  44. display: flex;
  45. }
  46. .article_title text{
  47. margin-left: 10px;
  48. }
  49. .delete{
  50. position: absolute;
  51. right: 0;
  52. color: var(--weui-FG-2);
  53. }
  54. .article_pics{
  55. display: flex;
  56. flex-direction: row;
  57. flex-flow: wrap;
  58. }
  59. .article_pics image{
  60. width: 100px;
  61. height: 100px;
  62. margin-right: 10px;
  63. }
  64. .article_likes{
  65. margin: 10px auto;
  66. display: flex;
  67. justify-content: space-between;
  68. }
  69. .article_likes image ,.comment_time image,.comment_name image{
  70. margin-right: 1px;
  71. height: 20px;
  72. width: 20px;
  73. }
  74. .comment_count{
  75. margin-right: 10px;
  76. }
  77. .comment_name{
  78. color: rgb(0, 68, 255);
  79. display: flex;
  80. justify-content: space-between;
  81. }
  82. .comment_right{
  83. width: 100%;
  84. }
  85. .comment_time{
  86. font-size: 12px;
  87. color: var(--weui-FG-2);
  88. display: flex;
  89. justify-content: space-between;
  90. }
  91. .reply_comment,.reply_article{
  92. position: relative;
  93. padding: 10px;
  94. background-color: var(--weui-FG-4);
  95. }
  96. .reply_article_text{
  97. width: 95%;
  98. }
  99. .publish_article,.publish_comment{
  100. position: absolute;
  101. bottom: 0;
  102. right: 0;
  103. z-index: 99;
  104. color: red;
  105. }
  106. .addPic image{
  107. width: 50px;
  108. height: 50px;
  109. position: fixed;
  110. right: 20px;
  111. bottom: 100px;
  112. }
  113. .counts{
  114. display: flex;
  115. }
  116. .align{
  117. display: flex;
  118. flex-direction: row;
  119. align-items: center;
  120. color: rgb(162, 163, 163);
  121. }
  122. .hr{
  123. background-color: #fff;
  124. margin-top: 10rpx;
  125. }
  126. .comment_content{
  127. word-break: break-all;
  128. }