C端小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

100 lines
2.0 KiB

  1. .index-rushToBuy {
  2. width: 100%;
  3. font-family: PingFangSC-Semibold;
  4. height:356rpx;
  5. background:linear-gradient(94deg,rgba(255,143,0,1) 0%,rgba(255,87,0,1) 100%);
  6. }
  7. .index-rushToBuy-title {
  8. position: relative;
  9. font-size: 34rpx;
  10. color: #fff;
  11. letter-spacing: 1.16rpx;
  12. padding-top: 20rpx;
  13. padding-left: 30rpx;
  14. }
  15. .useprice{
  16. font-size: 28rpx;
  17. }
  18. .index-rushToBuy-title text{
  19. float: right;
  20. margin-right: 53rpx;
  21. color: #fff;
  22. font-size: 24rpx;
  23. margin-top: 8rpx;
  24. }
  25. .index-rushToBuy-title image{
  26. position: absolute;
  27. right: 18rpx;
  28. width: 20px;
  29. top: 28rpx;
  30. }
  31. .index-scroll-view {
  32. width: 100%;
  33. white-space: nowrap;
  34. background:linear-gradient(94deg,rgba(255,143,0,1) 0%,rgba(255,87,0,1) 100%);
  35. }
  36. .index-scroll-view .commodity {
  37. display: inline-block;
  38. margin: 16rpx 30rpx 16rpx;
  39. margin-right: 0;
  40. position: relative;
  41. background: #fff;
  42. padding: 12rpx 12rpx 0;
  43. /* border: 1rpx solid #dddee1; */
  44. width: 205rpx;
  45. box-shadow: 0 0 10px 0 rgba(211,211,211,0.30);
  46. border-radius: 10rpx;
  47. overflow: hidden;
  48. }
  49. .index-scroll-view .commodity:last-child{
  50. margin-right: 30rpx;
  51. }
  52. .commodity-img{
  53. display: block;
  54. width: 205rpx;
  55. height: 160rpx;
  56. background:rgba(255,255,255,1);
  57. border-radius:10rpx;
  58. }
  59. .index-scroll-view .commodity-info {
  60. padding:10rpx 20rpx;
  61. overflow: hidden;
  62. }
  63. .index-scroll-view .commodity-info-name {
  64. white-space: nowrap;
  65. text-overflow: ellipsis;
  66. font-size: 30rpx;
  67. color: #000000;
  68. letter-spacing: 0.7rpx;
  69. overflow: hidden;
  70. }
  71. .index-scroll-view .commodity-info-time {
  72. font-size: 22rpx;
  73. color: #B4B4B4;
  74. letter-spacing: 0.7rpx;
  75. line-height: 42rpx;
  76. }
  77. .index-scroll-view .commodity-info-price-p {
  78. font-size: 30rpx;
  79. color: #f96563;
  80. line-height: 36rpx;
  81. }
  82. .index-scroll-view .commodity-info-price-o {
  83. display: inline-block;
  84. padding-left: 20rpx;
  85. font-size: 24rpx;
  86. color: #B4B4B4;
  87. letter-spacing: 0.96rpx;
  88. text-decoration:line-through;
  89. line-height: 36rpx;
  90. }
  91. .commodity-info-price{
  92. line-height: 36rpx;
  93. }