mycollection.wxss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  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. .video-swiper {
  9. width: 100%;
  10. height: 100%;
  11. display: block;
  12. background: #ffffff;
  13. }
  14. .collection-article {
  15. position: relative;
  16. overflow: hidden;
  17. width: 100%;
  18. height: 385rpx;
  19. background: #fff;
  20. /* border-radius: 12rpx; */
  21. margin: 0 auto 20rpx;
  22. }
  23. .video-preview {
  24. display: block;
  25. width: 704rpx;
  26. height: 290rpx;
  27. margin: 26rpx auto 0;
  28. border-radius: 20rpx;
  29. }
  30. .video-preview>image {
  31. width: 100%;
  32. height: 100%;
  33. border-radius: 20rpx;
  34. }
  35. .content-title {
  36. margin-top: 10rpx;
  37. width: 77%;
  38. height: 52rpx;
  39. font-size: 32rpx;
  40. color: #444;
  41. display: inline-block;
  42. padding-left: 14rpx;
  43. }
  44. .content-detail {
  45. /* width: 100%; */
  46. height: 50rpx;
  47. display: flex;
  48. justify-content: space-between;
  49. align-items: center;
  50. font-size: 24rpx;
  51. display: inline-block;
  52. }
  53. .comment_section{
  54. position: absolute;
  55. top: 0;
  56. left: 0;
  57. width: 100%;
  58. height: 98%;
  59. background: rgba(0,0,0, .2);
  60. overflow: hidden;
  61. }