uni.scss 1.2 KB

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