guessLike.wxss 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. .guess-item {
  12. padding: 25rpx 25rpx;
  13. background: #ffffff;
  14. margin-bottom: 15rpx;
  15. padding-bottom: 45rpx !important;
  16. }
  17. .guess-item .guess {
  18. color: #000000;
  19. font-size: 35rpx;
  20. font-weight: 500;
  21. padding-bottom: 25rpx;
  22. }
  23. .guess-item .guess-scroll {
  24. width: 100%;
  25. font-size: 24rpx;
  26. overflow: hidden;
  27. overflow-x: auto;
  28. -webkit-box-pack: start;
  29. -webkit-justify-content: flex-start;
  30. justify-content: flex-start;
  31. }
  32. .guess-item .guess-scroll .scroll-list {
  33. border: 2rpx solid #f0f0f0;
  34. -webkit-border-radius: 25rpx;
  35. border-radius: 25rpx;
  36. margin-right: 15rpx;
  37. }
  38. .guess-item .guess-scroll .scroll-list .scoll-img {
  39. width: 227rpx;
  40. -webkit-border-top-right-radius: 25rpx;
  41. border-top-right-radius: 25rpx;
  42. -webkit-border-top-left-radius: 25rpx;
  43. border-top-left-radius: 25rpx;
  44. height: 227rpx;
  45. overflow: hidden;
  46. }
  47. .guess-item .guess-scroll .scroll-list .scoll-img image {
  48. width: 100%;
  49. height: 100%;
  50. }
  51. .guess-item .guess-scroll .scroll-list .scoll-name {
  52. height: 80rpx;
  53. width: 227rpx;
  54. font-size: 22rpx;
  55. padding: 15rpx 15rpx;
  56. }
  57. .guess-item .guess-scroll .scroll-list .price-list {
  58. padding: 25rpx 15rpx;
  59. padding-right: 25rpx;
  60. }
  61. .guess-item .guess-scroll .scroll-list .price-list .tpl .red-price {
  62. color: #f31d29;
  63. }
  64. .guess-item .guess-scroll .scroll-list .price-list .tpl .red-price text {
  65. font-size: 35rpx !important;
  66. font-weight: bold;
  67. }
  68. .guess-item .guess-scroll .scroll-list .price-list .tpl .grey-price {
  69. text-decoration: line-through;
  70. color: #999999;
  71. font-size: 10px !important;
  72. }
  73. .guess-item .guess-scroll .scroll-list .price-list .img {
  74. width: 45rpx;
  75. height: 45rpx;
  76. }
  77. .guess-item .guess-scroll .scroll-list .price-list .img image {
  78. width: 100%;
  79. height: 100%;
  80. }