原子化 CSS
常用 CSS 类
定位:absolute relative fixed sticky top right bottom left
尺寸:w h w-full h-full w-auto h-auto min-w max-w min-h max-h
边距:
- 外边距:m mx my mt mr mb ml
- 内边距:p px py pt pr pb pl
边框:border-solid border-b-1 border-gray-2
圆角:rounded rounded-sm rounded-md rounded-lg rounded-xl
字体:
- 字号:text-30 text-32
- 字重:font-medium font-bold
- 颜色:text-font-color-primary text-font-color-normal text-font-color-secondary text-font-color-placeholder
flex 布局
flex flex-row flex-col flex-wrap flex-nowrap justify-start justify-end justify-center justify-between justify-around items-start items-end items-center items-stretch