collection.wxss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. /* pages/collection/collection.wxss */
  2. .hmly-title-bar {
  3. width: 100%;
  4. height: 80rpx;
  5. /* 这个配色不对 */
  6. border-bottom: 1rpx solid #f1f1f1;
  7. display: flex;
  8. justify-content: space-between;
  9. align-items: center;
  10. font-size: 28rpx;
  11. overflow: hidden;
  12. }
  13. .hmly-item-title {
  14. width: 200rpx;
  15. height: 100%;
  16. text-align: center;
  17. line-height: 80rpx;
  18. position: relative;
  19. color: #aaa;
  20. }
  21. .hmly-active:after {
  22. content: '';
  23. width: 40rpx;
  24. height: 8rpx;
  25. position: absolute;
  26. bottom: 0rpx;
  27. left: 70rpx;
  28. border-radius: 15rpx;
  29. background: #ff520f;
  30. }
  31. .hmly-active {
  32. font-size: 32rpx;
  33. font-weight: 700;
  34. transition: all 0.3s;
  35. color: #333;
  36. }
  37. .hmly-collection-content {
  38. width: 90%;
  39. margin: 0rpx auto;
  40. margin-top: 10rpx;
  41. }
  42. .hmly-collection-content {
  43. width: 100%;
  44. text-align: center;
  45. position: absolute;
  46. top: 300rpx;
  47. color: #aaaaaa
  48. }
  49. swiper {
  50. display: block;
  51. width: 100%;
  52. }
  53. .hmly-swiper-box-item {
  54. height: 400rpx;
  55. }
  56. .hmly-no-content {
  57. width: 90%;
  58. height: auto;
  59. margin: 0rpx auto;
  60. margin-top: 100rpx;
  61. display: flex;
  62. flex-direction: column;
  63. justify-content: center;
  64. text-align: center;
  65. }
  66. .hmly-no-content image {
  67. width: 400rpx;
  68. height: 300rpx;
  69. align-self: center;
  70. }
  71. .hmly-but-box {
  72. width: 80%;
  73. margin: 0rpx auto;
  74. margin-top: 40rpx;
  75. text-align: center;
  76. }
  77. .hmly-but {
  78. width: 300rpx;
  79. height: 80rpx;
  80. font-size: 40rpx;
  81. line-height: 80rpx;
  82. margin-top: 10rpx;
  83. }