问题标签 [semantic-ui-css]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
310 浏览

webpack - 使用 css-loader 6 加载语义 ui-css 的问题

在尝试使用 css-loader 6 加载语义 ui-css 时,我收到以下错误:

看起来 utf-8 之后的第二个分号导致了这个问题。删除第二个分号后没有编译错误,但语义 ui 图标停止工作。

但是,将 css-loader 降级到 5.2.7 解决了这个问题。有没有更好的方法来解决这个问题?

0 投票
1 回答
66 浏览

javascript - 如何在 ReactJS 中的语义 UI (CSS) 中向进度条添加/更改进度值

我正在尝试添加Progress BarReact 应用程序。

我正在使用语义 CSS: <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css" />

从文档(https://semantic-ui.com/modules/progress.html#/definition),我发现以下示例代码但无法添加/更改进度

我尝试了什么:

但它显示为以前的(没有变化)。

如何value在 ReactJS 的进度条中添加/更改进度(将来可能会增加/减少)?

添加一个value足以继续

提前致谢

0 投票
0 回答
32 浏览

reactjs - 语义-ui-react 主题错误“无法读取未定义的属性”

CRAtypescript模板新创建了一个反应项目

并按照官方文档启用主题

但是跑yarn start哪个跑craco start会抛出

/projectpath/node_modules/@semantic-ui-react/craco-less/dist-node/index.js:91 fileLoaderMatch.loader.exclude.push(/theme.config$/); ^

TypeError:无法在overrideWebpack(/ projectpath/node_modules/@craco/craco/lib/features/plugins.js:42:40) at /projectpath/node_modules/@craco/craco/lib/features/plugins.js:64:29 at Array.forEach () at applyWebpackConfigPlugins (/projectpath/node_modules/@craco/craco/lib/features/plugins.js:63:29) 在 mergeWebpackConfig (/projectpath/node_modules/@craco/craco/lib/features/webpack/merge-webpack-config.js :110:30) 在 overrideWebpackDev (/projectpath/node_modules/@craco/craco/lib/features/webpack/override.js:11:36) 在 /projectpath/node_modules/@craco/craco/scripts/start.js:27 :5

Node.js v17.3.0

craco.config.js在回购的根

src/semantic-ui/site 是从一次复制粘贴,node_modules/semantic-ui-less/_site一次尝试使用 cli 自动生成。

src/semantic-ui/theme.config文档中提到的如下所示的结尾

0 投票
1 回答
50 浏览

javascript - 如何将 CSS 样式表应用于 D3 力导向图?

编辑:似乎不容易将 SemanticUI 样式应用于 SVG 元素。接受的答案提供了对原始代码的更正以及一些解决方法的想法。

我对网络开发很陌生。我正在尝试使用 d3.js 创建一个图形,并且我希望根据 SemanticUI 样式表的“ui button tiny blue”类来设置节点的样式。但是,当我将此类添加到 svg 中的节点时,它们并没有全部显示出来。在浏览器中检查它们告诉我样式已正确应用,但内容框由于某种原因具有负的高度和宽度。svg 外部的“TEST_NODE”按预期显示。我究竟做错了什么?

带有内联 js-script 的 html 文档: