list.wxss 763 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. page{background: #F6F6F6}
  2. .content-box{margin: 16rpx;}
  3. .list{padding:32rpx;display: flex;justify-content: space-between; border-bottom:1rpx solid #DCDDDD;position: relative;box-sizing: border-box}
  4. .list:last-child{
  5. border-bottom: 0 none;
  6. }
  7. .list image{
  8. width: 158rpx;
  9. height:158rpx;
  10. }
  11. .mark{
  12. position: absolute;
  13. top:26rpx;
  14. left:179rpx;
  15. border-radius:50%;
  16. height: 20rpx;
  17. width: 20rpx;
  18. background: #EE3A43; z-index: 2;
  19. }
  20. .info{
  21. width: 450rpx;
  22. display: flex;
  23. flex-direction: column;
  24. justify-content: space-between;
  25. position: relative;
  26. }
  27. .title{
  28. font-size: 26rpx;
  29. line-height: 30rpx;
  30. color: #3E3A39;
  31. }
  32. .read-person{
  33. font-size: 24rpx;
  34. color: #727171
  35. }
  36. .read-person text{
  37. margin-right: 32rpx;
  38. }
  39. .red{
  40. color: #EE3A43;
  41. }