VideoItem.scss 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. .com-video-item{
  2. display:flex;
  3. flex-direction: row;
  4. justify-content: flex-start;
  5. align-items: center;
  6. min-height:110px;
  7. background:#FFF;
  8. margin-left:10px;
  9. margin-right: 10px;
  10. margin-top:5px;
  11. font-size:12px;
  12. border-radius: 7px;
  13. .left{
  14. display: flex;
  15. width:80px;
  16. justify-content: center;
  17. align-items: center;
  18. height:80px;
  19. border-radius: 5px;
  20. overflow: hidden;
  21. margin: 0px 8px;
  22. .img{
  23. width:100%;
  24. height:100%;
  25. }
  26. }
  27. .right{
  28. display: flex;
  29. width:75%;
  30. flex-direction: column;
  31. justify-content: flex-start;
  32. align-items: flex-start;
  33. height:100px;
  34. margin-top: -10px;
  35. .title{
  36. height:50px;
  37. display:flex;
  38. width:100%;
  39. display:flex;
  40. flex-direction:row;
  41. justify-content: space-between;
  42. align-items: center;
  43. .price{
  44. color:#470505;
  45. font-size:14px;
  46. margin-right:10px;
  47. .sign{
  48. font-size:12px;
  49. }
  50. }
  51. }
  52. .uni-tag{
  53. margin-right: 10px;
  54. }
  55. }
  56. }
  57. .part_area{
  58. margin-top: -5px;
  59. width: 150px;
  60. height: 40px;
  61. overflow: hidden;
  62. display: flex;
  63. flex-wrap: wrap;
  64. }
  65. .partic{
  66. border-radius: 50%;width: 20px; height: 30px; overflow: hidden; margin-right:1px; margin-bottom:2px; display: flex;
  67. }
  68. .partic img {
  69. width: 100%;
  70. height:100%;
  71. }
  72. .parttip{
  73. width: 100%;
  74. position: relative;
  75. font-size: 12px;
  76. margin-top: 10px;
  77. }
  78. .tags{
  79. display: flex;
  80. flex-direction: row;
  81. margin-top: 5px;
  82. .tag{
  83. margin-right: 4px;
  84. font-size:12px;
  85. border:1px solid #b21c1c;
  86. border-radius: 7px;
  87. color: #b21c1c;
  88. padding: 0px 5px;
  89. }
  90. }
  91. .tip{
  92. margin-top: -5px;
  93. }