x0-styled:使用x0 +魅力四射+样式化系统对静态网站进行原型制作

时间:2024-06-06 15:13:51
【文件属性】:

文件名称:x0-styled:使用x0 +魅力四射+样式化系统对静态网站进行原型制作

文件大小:142KB

文件格式:ZIP

更新时间:2024-06-06 15:13:51

react static-site-generator design-system JavaScript

X0风格 这是什么? 入门模板,用于使用x0,漂亮和样式化的系统对静态站点进行原型设计。 这可能对了解CSS和HTML但不熟悉React的人有所帮助。 对于知道React但不了解html和css的人来说,它也可能很有用。 它可能对我自己以外的任何人都没有用。 由于此项目使用css-in-js,因此所有css都内联到头部。 该项目目前正在大量涌入,因此可能会有很多重大更改。 也可能没有。 入门 下载目录并在终端运行后导航至该目录 npm install && npm run dev 然后打开浏览器到localhost:8000 您可以编辑pages / Home.js,并且应该在浏览器中实时看到这些调整。 添加新页面 拳头在页面目录中添加一个新页面。 您可以复制Home.js并将其重命名为Example.js 在App.js中,您需要在页面顶部导入一个新组件。 (页面仍然是组件)


【文件预览】:
x0-styled-master
----components()
--------Container.js(334B)
----package.json(824B)
----package-lock.json(284KB)
----theme.js(4KB)
----README.md(2KB)
----html.js(214B)
----pages()
--------elements.js(5KB)
--------index.js(402B)
--------home.js(400B)
----yarn.lock(192KB)
----elements()
--------H4.js(366B)
--------Tr.js(201B)
--------H6.js(366B)
--------Address.js(337B)
--------Abbr.js(318B)
--------Samp.js(332B)
--------Img.js(368B)
--------Ol.js(342B)
--------Dd.js(296B)
--------Li.js(328B)
--------I.js(210B)
--------Article.js(368B)
--------Sub.js(239B)
--------Input.js(409B)
--------Dl.js(317B)
--------P.js(331B)
--------Strong.js(249B)
--------Textarea.js(323B)
--------Form.js(350B)
--------Ul.js(383B)
--------Label.js(301B)
--------H5.js(366B)
--------Code.js(332B)
--------Button.js(573B)
--------Data.js(209B)
--------Div.js(470B)
--------Pre.js(300B)
--------Legend.js(358B)
--------S.js(197B)
--------Header.js(355B)
--------Fieldset.js(366B)
--------U.js(221B)
--------Q.js(245B)
--------Hr.js(315B)
--------Kbd.js(381B)
--------H2.js(366B)
--------Footer.js(358B)
--------B.js(268B)
--------Td.js(387B)
--------Small.js(261B)
--------H1.js(366B)
--------Summary.js(285B)
--------Section.js(364B)
--------Span.js(297B)
--------Cite.js(257B)
--------Th.js(337B)
--------Dt.js(243B)
--------Table.js(455B)
--------A.js(535B)
--------Em.js(211B)
--------H3.js(366B)
--------Main.js(355B)
--------Time.js(275B)
--------Index.js(322B)
--------Details.js(304B)
--------Aside.js(354B)
--------Sup.js(246B)
--------Nav.js(414B)
--------Var.js(269B)

网友评论