uni.scss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  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. $fontColor: #555555;
  10. $fontTitleColor: #000000;
  11. /*$fontSize0: 16rpx;
  12. $fontSize1: 18rpx;
  13. $fontSize2: 20rpx;
  14. $fontSize3: 24rpx;
  15. $fontSize4: 28rpx;
  16. $fontSize5: 32rpx;
  17. $fontSize6: 36rpx;*/
  18. $navBarHeight: 190rpx;
  19. $fontSize0: 22rpx;
  20. $fontSize1: 24rpx;
  21. $fontSize2: 26rpx;
  22. $fontSize3: 28rpx;
  23. $fontSize4: 32rpx;
  24. $fontSize5: 36rpx;
  25. $fontSize6: 40rpx;
  26. $fontSize7: 42rpx;
  27. @mixin display-flex-center {
  28. display: flex;
  29. justify-content: center;
  30. align-items: center;
  31. }
  32. @mixin display-flex-between {
  33. display: flex;
  34. justify-content: space-between;
  35. align-items: center;
  36. }
  37. @mixin text-ellipsis {
  38. white-space: nowrap;
  39. overflow: hidden;
  40. text-overflow: ellipsis;
  41. }
  42. @mixin text-ellipsis-line {
  43. display: -webkit-box;
  44. width: 100%;
  45. overflow: hidden;
  46. text-overflow: ellipsis;
  47. -webkit-box-orient: vertical;
  48. -webkit-line-clamp: 2;
  49. }
  50. @mixin after{
  51. position: absolute;
  52. display: block;
  53. content: ' ';
  54. z-index: 1;
  55. }
  56. @mixin link-button {
  57. .van-button__text{
  58. font-size: $fontSize0;
  59. font-weight: bold;
  60. white-space: nowrap;
  61. }
  62. }