手记

【九月打卡】第4天 2022升级 React18+TS高仿AntD从零到一打造组件库

课程章节: 第4章 组件库起航 - 你真的能写的好看起来简单的 Button 组件吗?

主讲老师:张轩

课程内容:

今天学习的内容包括:

4-4 做一次设计师 - 添加自己的色彩体系
4-5 更多样式变量 - 添加字体变量解决方案

课程收获:


create-react-app默认不支持sass预处理器,需要手动安装

npm install node-sass -save 或者yarn add yarn-sass -save

系统色斑-基础色斑+中性色板

产品色板-品牌色板(2)+ 辅助功能色

npm install node-sass --save

sass !default不会再重新赋值

中国色 zhongguose.com

组件库样式变量分类

  • 基础色彩系统
  • 字体系统
  • 表单
  • 按钮
  • 边框和阴影
  • 可配置开关
0人推荐
随时随地看视频
慕课网APP