uni.scss 995 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. @import "@/uni_modules/uni-scss/variables.scss";
  2. @import "animate.css/animate.css";
  3. // 主题色
  4. $defaultColor: #49b856;
  5. // 红色
  6. $textColorRed: #ff3b53;
  7. //数字字母不换行
  8. @mixin numbersAndLettersNoWrap {
  9. word-break: break-all;
  10. }
  11. //flex布局
  12. // $justifyContent 主轴对齐方式
  13. // $alignItem 交叉轴对齐方式
  14. // $flexDirection 方向
  15. @mixin flex(
  16. $justifyContent: flex-start,
  17. $alignItem: stretch,
  18. $flexDirection: row
  19. ) {
  20. display: flex;
  21. justify-content: $justifyContent;
  22. align-items: $alignItem;
  23. flex-direction: $flexDirection;
  24. }
  25. // 按钮背景色
  26. @mixin btn_background {
  27. background-image: linear-gradient(90deg,#72c172,#3bb197);
  28. }
  29. // 全局样式
  30. .red {
  31. color: $textColorRed;
  32. }
  33. .green {
  34. color: $defaultColor;
  35. }
  36. // 内置复选框 start
  37. .uni-label-pointer{
  38. @include flex;
  39. }
  40. uni-checkbox:not([disabled]) .uni-checkbox-input:hover {
  41. border-color: $defaultColor;
  42. }
  43. .uni-checkbox-input-checked{
  44. color: $defaultColor !important;
  45. }
  46. // 内置复选框 end