vant.scss 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  1. .van-button{
  2. font-size: $fontSize2!important;
  3. line-height: inherit!important;
  4. }
  5. .van-empty__description{
  6. font-size: $fontSize2!important;
  7. }
  8. @mixin van-button--base{
  9. .van-button__text{
  10. display: flex!important;
  11. align-items: center;
  12. white-space: nowrap;
  13. }
  14. .iconfont{
  15. margin-left: 12rpx;
  16. font-size: $fontSize0;
  17. }
  18. }
  19. .van-button--large{
  20. @include van-button--base;
  21. --button-large-height: 89rpx!important;
  22. --button-border-radius: 50rpx!important;
  23. .van-button__text{
  24. font-size: $fontSize4;
  25. }
  26. }
  27. .van-button--normal{
  28. @include van-button--base;
  29. padding: 0 26rpx!important;
  30. }
  31. .van-button--primary {
  32. background-color: $buttonPrimaryColor!important;
  33. border: 2rpx solid $buttonPrimaryColor!important;
  34. --button-primary-color: #ffffff;
  35. --button-border-radius: 6rpx;
  36. --button-default-height: 50rpx;
  37. --button-normal-font-size: 20rpx;
  38. &.van-button--plain{
  39. background-color: transparent!important;
  40. color: $buttonPrimaryColor!important;
  41. }
  42. }
  43. .van-button--default {
  44. --button-default-background-color: #FFFFFF;
  45. --button-primary-border-color: #ebedf0;
  46. --button-default-color: #555555;
  47. --button-border-radius: 6rpx;
  48. --button-default-height: 50rpx;
  49. --button-normal-font-size: 20rpx;
  50. }
  51. .van-checkbox{
  52. .van-checkbox__icon--square{
  53. width: 24rpx;
  54. height: 24rpx;
  55. }
  56. .van-checkbox__icon--checked {
  57. background-color: $buttonPrimaryColor!important;
  58. border-color: $buttonPrimaryColor!important;
  59. }
  60. .van-icon{
  61. font-size: 20rpx!important;
  62. line-height: 30rpx;
  63. }
  64. }
  65. .van-cell-group{
  66. display: grid;
  67. grid-template-columns: 1fr;
  68. grid-row-gap: 17rpx;
  69. .van-cell__title{
  70. font-size: $fontSize4;
  71. color: #333333;
  72. padding-left: 8rpx;
  73. }
  74. .van-cell--clickable{
  75. cursor: pointer;
  76. }
  77. .van-cell__title{
  78. display: flex;
  79. align-items: center;
  80. }
  81. .van-cell{
  82. --cell-line-height: inherit;
  83. --cell-vertical-padding: 30rpx;
  84. --cell-horizontal-padding: 30rpx;
  85. &.van-cell--hover{
  86. background-color:var(--cell-active-color, #f2f3f5)
  87. }
  88. }
  89. .van-cell__value{
  90. font-size: $fontSize4;
  91. }
  92. .right-icon{
  93. display: flex;
  94. align-items: center;
  95. }
  96. .iconfont{
  97. font-size: 40rpx;
  98. }
  99. }
  100. .van-transition{
  101. z-index: 2!important;
  102. }
  103. .van-dialog__footer{
  104. .van-dialog__button:last-child{
  105. .van-button__text{
  106. color: $buttonPrimaryColor;
  107. }
  108. }
  109. }