mycollection.wxss 889 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. .my-collection {
  2. width: 750rpx;
  3. min-height: 100%;
  4. background: rgba(240, 241, 245, 1);
  5. padding-top: 22rpx;
  6. /* background: #F0F1F5; */
  7. }
  8. .collection-article {
  9. position: relative;
  10. overflow: hidden;
  11. width: 720rpx;
  12. height: 374rpx;
  13. background: #fff;
  14. border-radius: 12rpx;
  15. margin: 0 auto 20rpx;
  16. }
  17. .video-preview {
  18. display: block;
  19. width: 662rpx;
  20. height: 272rpx;
  21. margin: 26rpx auto 0;
  22. border-radius: 20rpx;
  23. }
  24. .video-preview>image {
  25. width: 100%;
  26. height: 100%;
  27. border-radius: 20rpx;
  28. }
  29. .content-title {
  30. margin-top: 10rpx;
  31. width: 77%;
  32. height: 52rpx;
  33. font-size: 32rpx;
  34. color: #444;
  35. display: inline-block;
  36. padding-left: 14rpx;
  37. }
  38. .content-detail {
  39. /* width: 100%; */
  40. height: 50rpx;
  41. display: flex;
  42. justify-content: space-between;
  43. align-items: center;
  44. font-size: 24rpx;
  45. display: inline-block;
  46. }
  47. .left {
  48. /* width: 200rpx; */
  49. }