react手机端app王者荣耀项目适配+工具类定义

Posted 2021-08-04 lin_fightin

1 项目起步之适配

原理是监听页面的resize对Hmtl赋予不同的font-size，使用rem进行开发。

项目起步之scss工具类

一般我们做一个项目可以看下ui，颜色大概有哪些，字体大小大概有哪些，然后使用工具类

首先是颜色的工具类，这是scss的一些语法。

在项目使用

项目起步之flex布局工具类

边距布局

.m-1 表示margin:xx,
.mx-1表示marginLeft+marginRight
.mr-1表示marginright

尺寸的定义一般给一个初始基础值，然后用比例来处理


这样就完成了工具类的定义。