productDetails.wxss 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. @charset "UTF-8";
  2. /* 颜色变量 */
  3. /* 行为相关颜色 */
  4. /* 文字基本颜色 */
  5. /* 背景颜色 */
  6. /* 边框颜色 */
  7. /* 尺寸变量 */
  8. /* 文字尺寸 */
  9. /* 图片尺寸 */
  10. /* Border Radius */
  11. /* 水平间距 */
  12. /* 垂直间距 */
  13. /* 透明度 */
  14. /* 文章场景相关 */
  15. .u-nav-slot {
  16. width: 75%;
  17. display: flex;
  18. justify-content: flex-start;
  19. }
  20. .u-navbar__content {
  21. justify-content: flex-end;
  22. }
  23. .indicator-num {
  24. padding: 4rpx 16rpx;
  25. background-color: rgba(0, 0, 0, 0.4);
  26. border-radius: 30rpx;
  27. }
  28. .indicator-num__text {
  29. color: #fff;
  30. }
  31. .card_box_shop {
  32. background-color: #fff;
  33. margin: 20rpx;
  34. padding: 20rpx;
  35. border-top-right-radius: 20rpx;
  36. border-top-left-radius: 20rpx;
  37. }
  38. .title_money {
  39. font-size: 36rpx;
  40. color: #fa3534;
  41. }
  42. .box_specific {
  43. color: #909399;
  44. font-size: 28rpx;
  45. margin-left: 10rpx;
  46. }
  47. .card_share {
  48. padding: 4rpx 20rpx;
  49. border: 1rpx solid #dadbde;
  50. border-radius: 30rpx;
  51. }
  52. .card_box_drug {
  53. font-size: 32rpx;
  54. }
  55. .card_bottom_purchase {
  56. position: fixed;
  57. bottom: 0;
  58. left: 0;
  59. right: 0;
  60. padding: 20rpx 20rpx 0rpx 20rpx;
  61. background-color: #fff;
  62. }
  63. .shopping_cart {
  64. padding: 14rpx 20rpx;
  65. border-radius: 40rpx;
  66. font-size: 30rpx;
  67. color: #fff;
  68. background-color: #FFD037;
  69. }
  70. .immediately {
  71. padding: 14rpx 20rpx;
  72. border-radius: 40rpx;
  73. font-size: 30rpx;
  74. color: #fff;
  75. background-color: #F93D3D;
  76. margin-left: 20rpx;
  77. }
  78. .secondary_font {
  79. font-size: 28rpx;
  80. }
  81. .card_introduce {
  82. background-color: #fff;
  83. margin: 20rpx;
  84. padding: 20rpx;
  85. border-radius: 20rpx;
  86. }
  87. .box_book {
  88. font-size: 30rpx;
  89. font-weight: bold;
  90. }
  91. .item_introduce {
  92. display: flex;
  93. justify-content: space-between;
  94. margin-top: 10rpx;
  95. }
  96. .name_key {
  97. flex: none;
  98. width: 150rpx;
  99. font-size: 28rpx;
  100. color: #909399;
  101. }
  102. .name_value {
  103. flex: 1;
  104. font-size: 28rpx;
  105. }