uni.scss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. // 继承样式
  2. $hoverBackgroundColor: #F2F3F5;
  3. $pageBackgroundColor: #FAFAFA;
  4. $buttonPrimaryColor: #E57519;
  5. $textActionColor: #E57519;
  6. $border: 2rpx solid #aaaaaa;
  7. $borderLight: 2rpx solid #dddddd;
  8. $bgLightColor: #F5F5F5;
  9. $fontSize0: 16rpx;
  10. $fontSize1: 18rpx;
  11. $fontSize2: 20rpx;
  12. $fontSize3: 24rpx;
  13. $fontSize4: 28rpx;
  14. $fontSize5: 32rpx;
  15. $fontSize6: 36rpx;
  16. // $fontSize0: 18rpx;
  17. // $fontSize1: 20rpx;
  18. // $fontSize2: 24rpx;
  19. // $fontSize3: 28rpx;
  20. // $fontSize4: 32rpx;
  21. // $fontSize5: 36rpx;
  22. // $fontSize6: 40rpx;
  23. @mixin display-flex-center {
  24. display: flex;
  25. justify-content: center;
  26. align-items: center;
  27. }
  28. @mixin display-flex-between {
  29. display: flex;
  30. justify-content: space-between;
  31. align-items: center;
  32. }
  33. @mixin text-ellipsis {
  34. white-space: nowrap;
  35. overflow: hidden;
  36. text-overflow: ellipsis;
  37. }
  38. @mixin text-ellipsis-line {
  39. display: -webkit-box;
  40. width: 100%;
  41. overflow: hidden;
  42. text-overflow: ellipsis;
  43. -webkit-box-orient: vertical;
  44. -webkit-line-clamp: 2;
  45. }
  46. @mixin after{
  47. position: absolute;
  48. display: block;
  49. content: ' ';
  50. z-index: 1;
  51. }
  52. @mixin link-button {
  53. .van-button__text{
  54. font-size: $fontSize0;
  55. font-weight: bold;
  56. white-space: nowrap;
  57. }
  58. }