uni.scss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. /**
  2. * 这里是uni-app内置的常用样式变量
  3. *
  4. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  5. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  6. *
  7. */
  8. /**
  9. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  10. *
  11. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  12. */
  13. /* 颜色变量 */
  14. /* 行为相关颜色 */
  15. //主题色
  16. $-color-primary: #DD4250;
  17. //副色
  18. $-color-primary-tow: #E8B175;
  19. //点缀
  20. $-color-primary-red: #D90D0C;
  21. //主要边框颜色
  22. // $-color-border: #E5E5E5;
  23. $-color-border: #F1F2F6;//
  24. //黑色
  25. $-color-black:#222222;
  26. //白色
  27. $-color-white: #ffffff;
  28. //字体主色
  29. $-color-normal: #333333;
  30. //字体浅色
  31. $-color-lighter: #666666;
  32. //字体更浅色
  33. $-color-muted: #999999;
  34. //背景色
  35. $-color-body: #F6F6F6;
  36. //边框
  37. $-solid-border: 1px solid $-color-border;
  38. $-dashed-border: 1px dashed $-color-border;
  39. $u-type-primary: #DD4250;
  40. $u-type-error: #fa3534;
  41. $u-type-warning: #ff9900;
  42. $u-type-success: #19be6b;
  43. $u-type-info: #909399;
  44. $u-type-primary-light: #ecf5ff;
  45. $u-type-error-light: #fef0f0;
  46. $u-type-warning-light: #fdf6ec;
  47. $u-type-success-light: #dbf1e1;
  48. $u-type-info-light: #f4f4f5;
  49. $u-type-primary-dark: #2b85e4;
  50. $u-type-error-dark: #dd6161;
  51. $u-type-warning-dark: #f29100;
  52. $u-type-success-dark: #18b566;
  53. $u-type-info-dark: #82848a;
  54. $u-type-primary-disabled: #a0cfff;
  55. $u-type-error-disabled: #fab6b6;
  56. $u-type-warning-disabled: #fcbd71;
  57. $u-type-success-disabled: #71d5a1;
  58. $u-type-info-disabled: #c8c9cc;
  59. $u-main-color: #303133;
  60. $u-content-color: #606266;
  61. $u-tips-color: #909399;
  62. $u-light-color: #c0c4cc;
  63. $u-border-color: #e4e7ed;
  64. $u-bg-color: #f3f4f6;
  65. $u-form-item-border-color: #dcdfe6;
  66. $u-form-item-height: 70rpx;