vant.scss 2.0 KB

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