文件名称:svelte-css-vars:是否曾经想过让React性CSS变量更苗条? 如果我告诉你有办法怎么办?
文件大小:289KB
文件格式:ZIP
更新时间:2024-05-22 13:56:28
css reactive state svelte css-variables
svelte-css-vars 是否曾经想过让React性CSS变量更苗条? 如果我告诉你有办法怎么办? svelte-css-vars公开一个,该接收一个属性对象,该对象应视为css定制属性。 通过在$:{}React块中定义该对象, svelte-css-vars可以随时更改某些css属性,只要其某些值发生变化即可。 用法 import cssVars from 'svelte-css-vars'; 导入模块后,只需定义自定义属性的React对象: let some_state_variable = true ; $: styleVars = { titleColor : some_state_variable ? 'red' : 'blue' , } ; 然后使用动作,将对象传递给所需的元素: < style > div { color : var ( -
【文件预览】:
svelte-css-vars-master
----.eslintrc(85B)
----example()
--------rollup.config.js(1KB)
--------package.json(609B)
--------package-lock.json(88KB)
--------src()
--------.gitignore(39B)
--------public()
--------README.md(1KB)
----.babelrc(137B)
----rollup.config.js(247B)
----docs()
--------repl.png(144KB)
--------README.md(1KB)
----package.json(1KB)
----.prettierrc(171B)
----package-lock.json(489KB)
----src()
--------index.js(462B)
----index.d.ts(186B)
----LICENSE.md(1KB)
----.gitignore(24B)
----CHANGELOG.md(315B)
----.eslintignore(14B)
----.editorconfig(147B)
----.vscode()
--------settings.json(81B)