variable.scss 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. $header-bg-color: #0078D7;
  2. /*
  3. 样式规范表
  4. */
  5. $min-width:1200px; //容器安全区域宽度
  6. $min-home-width:1210px; //首页容器安全区域宽度
  7. // 常规字体大小设置
  8. $fontA: 28px; //用于特殊标题文字
  9. $fontB: 24px; //用于引导性标题,特殊二级标题文字
  10. $fontC: 18px; //用于一级标题;常规标题文字
  11. $fontD: 16px; //用于侧导航二级标题,商品列表,商品名称、等
  12. $fontE: 14px; //用于常规文字,文章内容等
  13. $fontF: 12px; //用于次要文字,辅助性文字
  14. // 常规配色设置
  15. $colorMain: #00985e!default; //主色、文字选中、搜索
  16. $colorMain2: #00985e !default; //主色、文字选中、搜索
  17. $colorSkeleton: #eee; //骨架屏颜色
  18. $colorTitle1: #333 !default; //标题、一级标题、一级内容
  19. $colorTitle2: #666 !default; //二级标题、二级内容
  20. $colorC: #E8F2FF !default; //主色,背景色
  21. $colorD: #FFA200 !default; //提示消息、鼠标悬停等
  22. $colorE: #EE1147 !default; //商品价格
  23. $colorF: #333333 !default; //标题、一级标题颜色
  24. $colorG: #666666 !default; //二级标题、列表文字
  25. $colorH: #999999 !default; //文章文字、辅助性文字
  26. $colorI: #EEEEEE !default; //分割线
  27. $colorJ: #F5F5F5 !default; //弹框标题背景色
  28. $colorK: #F8F8F8 !default; //辅色,背景色
  29. ////element-plus 主题色修改
  30. //$--color-primary: #ec2116;/* 改变主题色变量 */
  31. //
  32. ///* 改变 icon 字体路径变量,必需 */
  33. //$--font-path: '~element-plus/lib/theme-chalk/fonts';
  34. //
  35. //@use "~element-plus/packages/theme-chalk/src/index" as *;