common.scss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. .remove-border {
  2. &::after {
  3. border: none;
  4. }
  5. }
  6. /******************** 商品列表 state **********************/
  7. .brand-tag {
  8. position: relative;
  9. top: -2rpx;
  10. display: inline;
  11. line-height: 38rpx;
  12. padding: 4rpx 8rpx;
  13. border-radius: 4rpx;
  14. margin-right: 8rpx;
  15. background: red;
  16. vertical-align: middle;
  17. font-size: 18rpx;
  18. color: #fff;
  19. border: 2rpx solid transparent;
  20. &.middle {
  21. padding: 4rpx 8rpx;
  22. border-radius: 8rpx;
  23. font-size: 20rpx;
  24. margin-right: 6rpx;
  25. }
  26. }
  27. .base-tag {
  28. display: flex;
  29. justify-content: center;
  30. align-items: center;
  31. height: 34rpx;
  32. font-size: 18rpx;
  33. padding: 0 8rpx;
  34. color: #333;
  35. border-radius: 4rpx;
  36. background-color: #fff;
  37. margin-right: 8rpx;
  38. box-sizing: border-box;
  39. margin-top: 8rpx;
  40. border: 2rpx solid transparent;
  41. &.middle {
  42. height: 40rpx;
  43. padding: 0 12rpx;
  44. border-radius: 8rpx;
  45. font-size: 20rpx;
  46. margin-right: 16rpx;
  47. }
  48. }
  49. .img-tag {
  50. display: block;
  51. height: 34rpx;
  52. width: auto;
  53. border-radius: 4rpx;
  54. margin-right: 14rpx;
  55. box-sizing: border-box;
  56. margin-top: 8rpx;
  57. &.middle {
  58. height: 38rpx;
  59. border-radius: 8rpx;
  60. margin-right: 16rpx;
  61. }
  62. }
  63. /******************** 商品列表 end **********************/
  64. // 购物车按钮背景颜色
  65. .cart-btn-bg{
  66. background: linear-gradient(127deg, var(--primary-help-color1) 0%, var(--primary-help-color5) 100%);
  67. }