guessLike.wxss 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  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. border-radius: 25rpx;
  35. margin-right: 15rpx;
  36. }
  37. .guess-item .guess-scroll .scroll-list .scoll-img {
  38. width: 227rpx;
  39. border-top-right-radius: 25rpx;
  40. border-top-left-radius: 25rpx;
  41. height: 227rpx;
  42. overflow: hidden;
  43. }
  44. .guess-item .guess-scroll .scroll-list .scoll-img image {
  45. width: 100%;
  46. height: 100%;
  47. }
  48. .guess-item .guess-scroll .scroll-list .scoll-name {
  49. height: 80rpx;
  50. width: 227rpx;
  51. font-size: 22rpx;
  52. padding: 15rpx 15rpx;
  53. }
  54. .guess-item .guess-scroll .scroll-list .price-list {
  55. padding: 25rpx 15rpx;
  56. padding-right: 25rpx;
  57. }
  58. .guess-item .guess-scroll .scroll-list .price-list .tpl .red-price {
  59. color: #f31d29;
  60. }
  61. .guess-item .guess-scroll .scroll-list .price-list .tpl .red-price text {
  62. font-size: 35rpx !important;
  63. font-weight: bold;
  64. }
  65. .guess-item .guess-scroll .scroll-list .price-list .tpl .grey-price {
  66. text-decoration: line-through;
  67. color: #999999;
  68. font-size: 10px !important;
  69. }
  70. .guess-item .guess-scroll .scroll-list .price-list .img {
  71. width: 45rpx;
  72. height: 45rpx;
  73. }
  74. .guess-item .guess-scroll .scroll-list .price-list .img image {
  75. width: 100%;
  76. height: 100%;
  77. }