thegrid:使用样式化组件和flexbox进行网格布局

时间:2024-06-15 20:47:28
【文件属性】:

文件名称:thegrid:使用样式化组件和flexbox进行网格布局

文件大小:11KB

文件格式:ZIP

更新时间:2024-06-15 20:47:28

styled-components reactjs flexbox grid-layout JavaScript

正在安装 使用命令npm i thegridsys or yarn add thegridsys 导入组件import { Col, Row, Container } from "thegridsys"; 断点 移动设备最小宽度: 320px表最小宽度: 768px桌面最小宽度: 1025px-//笔记本电脑大桌面最小宽度: 1366px 减去1px以获取最大宽度 媒体查询 breakPoints对象 mobileOnly: `@media (min-width: ${xsMin}px) and (max-width: ${xsMax}px)`, tabletOnly: `@media (min-width: ${smMin}px) and (max-width: ${smMax}px)`, tablet: `@media all and (min-width: ${smMin}p


【文件预览】:
thegrid-master
----.gitignore(12B)
----breakPoints.js(1KB)
----col.js(2KB)
----row.js(1KB)
----package.json(563B)
----src()
--------breakPoints.js(666B)
--------col.js(1KB)
--------row.js(641B)
--------index.js(188B)
--------container.js(659B)
----readme.md(1KB)
----index.js(719B)
----container.js(1KB)
----package-lock.json(13KB)

网友评论