index.wxss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. /* 盒子 */
  2. .display-item-box {
  3. display: flex;
  4. height: 162rpx;
  5. width: 100%;
  6. padding-bottom: 20rpx;
  7. }
  8. /* 图片盒子 */
  9. .display-item-image {
  10. width: 162rpx;
  11. height: 162rpx;
  12. border-radius: 15rpx;
  13. overflow: hidden;
  14. margin-right: 30rpx;
  15. }
  16. /* 图片 */
  17. .display-item-image>image {
  18. width: 100%;
  19. height: 100%;
  20. border-radius: 10rpx;
  21. }
  22. /* 文本说明 */
  23. .display-item-textExplain {
  24. width: 460rpx;
  25. height: 100%;
  26. }
  27. /* 标题 */
  28. .textExplain-title {
  29. font-size: 28rpx;
  30. color: #000000;
  31. }
  32. /* 说明 */
  33. .textExplain-explain {
  34. width: 456rpx;
  35. font-size: 24rpx;
  36. color: rgba(51, 51, 51, 0.7);
  37. margin-top: 20rpx;
  38. }
  39. /* 用户信息和时间 */
  40. .textExplain-userData-time {
  41. height: 28rpx;
  42. display: flex;
  43. justify-content: space-between;
  44. align-items: flex-end;
  45. font-size: 20rpx;
  46. color: rgba(51, 51, 51, 0.7);
  47. margin-top: 40rpx;
  48. }
  49. .textExplain-userData {
  50. display: flex;
  51. align-items: flex-end;
  52. }
  53. .textExplain-userData>image {
  54. height: 28rpx;
  55. width: 28rpx;
  56. border-radius: 50%;
  57. overflow: hidden;
  58. margin-right: 8rpx;
  59. }
  60. .textExplain-time {
  61. margin-right: 10rpx;
  62. }