guessLike.wxss 1.7 KB

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