文件名称:auto-ellipsis:自动省略号是当内容超长时被截断的React组件
文件大小:11KB
文件格式:ZIP
更新时间:2024-05-28 17:01:41
JavaScript
自省略号 当内容超长时,自动省略号是用于截断的React组件。 安装 npm安装自动省略号 建造 自动省略号使用来解析css in react 。 因此,您可以使用一些插件来处理css-modules 。 如果使用webpack,则只需要使用css-loader: css-loader?modules 。 自定义UI 自动省略号使用 ,它提供了一个高级组件,使css-modules可以毫不费力地应用于React组件。 我们可以在开发人员中使用css-loader?modules&localIdentName=[local]-[hash:base64:5] ,然后可以基于[local]设置自己的样式。 您设置自己的样式,将样式作为道具传递给组件。 更多检查示例。 原则 自动省略号使用DOM Range来计算合适的端点。 范围是一个dom元素,因此我们不断地从后向前比较dom bottom
【文件预览】:
auto-ellipsis-master
----.travis.yml(65B)
----.eslintrc(881B)
----example()
--------index.html(425B)
--------src()
----.babelrc(18B)
----package.json(1KB)
----webpack.config.development.js(881B)
----test()
--------index.js(40B)
--------component()
----server.js(582B)
----LICENSE(1KB)
----src()
--------index.js(81B)
--------component()
----.npmignore(17B)
----.gitignore(46B)
----webpack.config.test.js(856B)
----README.md(1KB)
----.editorconfig(233B)