抖音c端
Você não pode selecionar mais de 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.

113 linhas
1.8 KiB

  1. .commodityBox{
  2. background-color: #fff;
  3. width: 96%;
  4. border-radius: 12rpx;
  5. overflow: hidden;
  6. margin: 10rpx auto;
  7. }
  8. .commodityImgBox{
  9. width: 160rpx;
  10. height: 160rpx;
  11. overflow: hidden;
  12. float: left;
  13. margin: 20rpx;
  14. border-radius: 8rpx;
  15. }
  16. .commodityImg{
  17. width: 100%;
  18. height: 100%;
  19. }
  20. .contentBox{
  21. width: 500rpx;
  22. float: left;
  23. height: 100rpx;
  24. margin-top: 20rpx;
  25. }
  26. .topBox{
  27. overflow: hidden;
  28. }
  29. .title{
  30. height: 90rpx;
  31. font-size: 32rpx;
  32. width: 400rpx;
  33. float: left;
  34. text-overflow: ellipsis;
  35. display: -webkit-box;
  36. -webkit-box-orient: vertical;
  37. -webkit-line-clamp: 2; /* 这里是超出几行省略 */
  38. overflow: hidden;
  39. }
  40. .unit{
  41. float: right;
  42. font-size: 30rpx;
  43. }
  44. .subhead{
  45. margin-top: 4rpx;
  46. color: #a6a6a6;
  47. font-size: 24rpx;
  48. }
  49. .app-border-topX{
  50. width: 100%;
  51. height: 140rpx;
  52. background-color: #fff;
  53. overflow: hidden;
  54. position: fixed;
  55. left: 0;
  56. bottom: 0;
  57. }
  58. .actually{
  59. margin-left: 10%;
  60. font-size: 28rpx;
  61. color: #a6a6a6;
  62. line-height: 140rpx;
  63. float: left;
  64. }
  65. .payZ{
  66. margin-left: 6rpx;
  67. font-size: 24rpx;
  68. color: #d5af67;
  69. line-height: 144rpx;
  70. float: left;
  71. }
  72. .price{
  73. font-size: 30rpx;
  74. color: #d5af67;
  75. line-height: 140rpx;
  76. float: left;
  77. }
  78. .buyX{
  79. float: right;
  80. background: linear-gradient(270deg, #DDAB5A, #B8832D);
  81. /* width: 80rpx; */
  82. color: #fff;
  83. font-size: 30rpx;
  84. border-radius: 60rpx;
  85. margin: 30rpx 40rpx;
  86. padding: 20rpx 40rpx;
  87. }
  88. .go{
  89. height: 120rpx;
  90. width: 96%;
  91. border-radius: 6px;
  92. overflow: hidden;
  93. margin: 5px auto;
  94. background-color: #fff;
  95. }
  96. .goTitle{
  97. float: left;
  98. line-height: 120rpx;
  99. font-size: 30rpx;
  100. /* color: #a6a6a6; */
  101. margin-left: 20rpx;
  102. }
  103. .goImg{
  104. float: right;
  105. width: 20rpx;
  106. height: 40rpx;
  107. margin: 40rpx 20rpx;
  108. }