受到 pug 和 tailwind, windicss 启发的, 使用纯粹 js 书写 UI

Go to file

觉 593fb2d9ad 语义标签继承		2024-01-12 02:18:19 +08:00
.gitignore	init	2024-01-12 02:05:28 +08:00
README.md	install	2024-01-12 02:09:06 +08:00
index.html	运行 dev时自动打开浏览器	2024-01-12 02:15:38 +08:00
main.js	语义标签继承	2024-01-12 02:18:19 +08:00
package.json	运行 dev时自动打开浏览器	2024-01-12 02:15:38 +08:00

README.md

chain-depict

受到 pug 和 tailwind, windicss 启发的, 使用纯粹 js 书写 UI

提高文字的屏幕占比, 更少的屏幕空间表达更多的描述
减少文字输入, 省略不必要的属性描述冗余
响应式元素绑定, 数据变化则ui跟随变化

install

npm i chain-depict

import { div } form 'chain-depict'

div.w(12).h(14).onclick.stop(click).onkeydown.esc(keydown)([
    div.w('auto').h(32).classList(['mdui-btn', 'mdui-btn-icon']),
    div.w('auto').h(32).classList('mdui-btn mdui-btn-icon'),
])

dev

git clone git@git.satori.love:LaniakeaSupercluster/chain-depict.git
npm i
npm run dev