recommend.wxss 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  1. /* pages/recommend/recommend.wxss */
  2. .recommend {
  3. width: 100%;
  4. padding: 0 15rpx;
  5. box-sizing: border-box;
  6. }
  7. .unfold {
  8. position: absolute;
  9. right: 28rpx;
  10. bottom: 10rpx;
  11. font-size: 28rpx;
  12. color: #93AAFA;
  13. }
  14. .recommend-exchange,
  15. .recommend-strategy {
  16. width: 100%;
  17. margin: 15rpx 0;
  18. padding-bottom: 32rpx;
  19. border-radius: 25rpx;
  20. box-sizing: border-box;
  21. background: #fff;
  22. overflow: hidden;
  23. }
  24. .auto-img {
  25. width: 100%;
  26. height: 404rpx;
  27. }
  28. swiper {
  29. height: 404rpx;
  30. }
  31. .auto-img image {
  32. width: 100%;
  33. height: 100%;
  34. }
  35. .this-week {
  36. display: flex;
  37. margin-top: 25rpx;
  38. padding: 0 25rpx;
  39. box-sizing: border-box;
  40. }
  41. .this-week image {
  42. width: 86rpx;
  43. height: 86rpx;
  44. }
  45. .medal-name {
  46. display: flex;
  47. flex-direction: column;
  48. margin: 8rpx 16rpx;
  49. }
  50. .medal-name text:nth-child(1) {
  51. height: 38rpx;
  52. font-size: 36rpx;
  53. font-weight: 600;
  54. }
  55. .medal-name text:nth-child(2) {
  56. height: 30rpx;
  57. margin-top: 10rpx;
  58. font-size: 28rpx;
  59. color: #bebebe;
  60. }
  61. .get-gem {
  62. margin-top: 30rpx;
  63. padding: 0 30rpx;
  64. }
  65. .get-medal {
  66. padding: 0 30rpx;
  67. }
  68. .get-gem text, .get-medal text {
  69. display: block;
  70. margin-top: 15rpx;
  71. font-size: 28rpx;
  72. line-height: 48rpx;
  73. }
  74. .recommend-strategy {
  75. position: relative;
  76. padding-bottom: 80rpx;
  77. }
  78. .strategy-con {
  79. margin-top: 26rpx;
  80. }
  81. .strategy-con view {
  82. display: block;
  83. font-size:28rpx;
  84. overflow: hidden;
  85. white-space: nowrap;
  86. text-overflow:ellipsis;
  87. padding: 0 30rpx;
  88. }
  89. .none {
  90. display: none;
  91. }