recommend.wxss 1.6 KB

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