collagetool.wxss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. page{
  2. display: block;
  3. width: 100%;
  4. height: 100%;
  5. overflow: auto;
  6. background: #F6F6F6;
  7. padding-top:30rpx;
  8. box-sizing:border-box;
  9. }
  10. .everycollage{
  11. display: block;
  12. width: 690rpx;
  13. margin: 0 auto 30rpx;
  14. background: #FFFFFF;
  15. box-shadow: 0px 3rpx 6rpx rgba(0, 0, 0, 0.16);
  16. border-radius: 10rpx;
  17. overflow:hidden;
  18. }
  19. .coverimg{
  20. display: block;
  21. width: 100%;
  22. height: 400rpx;
  23. overflow: hidden;
  24. }
  25. .collagetitle{
  26. display: block;
  27. width: 100%;
  28. height: 58rpx;
  29. position: absolute;
  30. bottom: 0;
  31. left: 0;
  32. z-index: 3;
  33. background-color: rgba(0, 0, 0, 0.5);
  34. }
  35. .title{
  36. max-width: 500rpx;
  37. }
  38. .collagemsgbox{
  39. display: block;
  40. background-color: #FFFFFF;
  41. padding: 20rpx 22rpx 23rpx;
  42. }
  43. .collagetime text{
  44. display: block;
  45. margin-left: 10rpx;
  46. width: 10rpx;
  47. height: 10rpx;
  48. border-radius: 50%;
  49. background-color: #FF0000;
  50. position: relative;
  51. top: 10rpx;
  52. overflow: hidden;
  53. }
  54. .collagebtnbox{
  55. margin-top: 22rpx;
  56. }
  57. .collagebtnbox .collageview{
  58. width: 144rpx;
  59. height: 62rpx;
  60. border-radius: 10rpx;
  61. background: #FFFFFF;
  62. border: 2rpx solid #28A1FF;
  63. box-sizing: border-box;
  64. line-height: 58rpx;
  65. color: #28A1FF;
  66. margin-right:20rpx;
  67. }