抖音c端
Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

92 Zeilen
1.5 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: 100rpx;
  10. height: 100rpx;
  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: 560rpx;
  22. float: left;
  23. height: 100rpx;
  24. margin-top: 20rpx;
  25. }
  26. .topBox{
  27. overflow: hidden;
  28. }
  29. .title{
  30. height: 60rpx;
  31. font-size: 26rpx;
  32. width: 490rpx;
  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: 24rpx;
  43. }
  44. .subhead{
  45. margin-top: 4rpx;
  46. color: #a6a6a6;
  47. font-size: 20rpx;
  48. }
  49. .app-border-topX{
  50. width: 100%;
  51. height: 120rpx;
  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: 24rpx;
  61. color: #a6a6a6;
  62. line-height: 120rpx;
  63. float: left;
  64. }
  65. .payZ{
  66. margin-left: 6rpx;
  67. font-size: 20rpx;
  68. color: #d5af67;
  69. line-height: 126rpx;
  70. float: left;
  71. }
  72. .price{
  73. font-size: 26rpx;
  74. color: #d5af67;
  75. line-height: 120rpx;
  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: 28rpx;
  84. border-radius: 60rpx;
  85. margin: 30rpx 40rpx;
  86. padding: 10rpx 20rpx;
  87. }