index.wxss 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. .tabs_box {
  2. width: 100vw;
  3. padding: 0 24rpx;
  4. box-sizing: border-box;
  5. }
  6. /* 去除tabs背景颜色 */
  7. .tabs_box scroll-view {
  8. background-color: rgba(0, 0, 0, 0) !important;
  9. }
  10. /* tabs选中项样式 */
  11. .tabs-active-class {
  12. font-size: 32rpx !important;
  13. font-weight: 600 !important;
  14. }
  15. /* 下架按钮插槽样式 */
  16. .soldOutBut {
  17. width: 76rpx !important;
  18. height: 45rpx !important;
  19. background: rgba(77, 194, 212, 0.1) !important;
  20. box-shadow: 0px 0px 12rpx 0px rgba(0, 0, 0, 0.1) !important;
  21. border-radius: 10rpx !important;
  22. border: 2rpx solid #4DC2D4 !important;
  23. padding: 0 !important;
  24. }
  25. /* 数据,按钮 插槽样式 */
  26. .dataAndBut {
  27. display: flex;
  28. justify-content: space-between !important;
  29. align-items: center;
  30. flex-wrap: nowrap;
  31. margin-top: 14rpx;
  32. }
  33. .dataAndBut_data {
  34. flex: 1;
  35. display: flex;
  36. font-size: 24rpx;
  37. color: #000000;
  38. margin-left: 16rpx;
  39. }
  40. .dataAndBut_data>text {
  41. color: #4DC2D4;
  42. text-decoration: underline;
  43. margin-left: 8rpx;
  44. }
  45. .dataAndBut_but {
  46. display: flex;
  47. align-items: center;
  48. margin-right: 6rpx;
  49. }
  50. .custom-slotBut {
  51. height: 44rpx !important;
  52. background: linear-gradient(180deg, #84E3EC 0%, #4DC2D4 100%) !important;
  53. box-shadow: 0px 0px 12rpx 0px rgba(0, 0, 0, 0.1) !important;
  54. border-radius: 10rpx !important;
  55. color: 20rpx !important;
  56. padding: 0 14rpx !important;
  57. border: 0 !important;
  58. }
  59. /* 正在对接按钮 */
  60. .butt-joint {
  61. background: linear-gradient(180deg, #D3D3D3 0%, #A7A8A8 100%) !important;
  62. }