问题标签 [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 回答
2113 浏览

javascript - 如何将底部浮动的非菜单内容添加到语义 UI 菜单

我正在使用语义 ui(通过 react-semantic-ui)。我想在我的菜单栏底部有一个小区域用于登录。

我有这个:

我要这个:

我做了上面的使用position: absolute; bottom: 0,但我打赌有一个语义定位类或react-semantic-ui组件可以使用,它可以在没有手动样式的情况下实现它

我的组件如下:

0 投票
2 回答
2308 浏览

semantic-ui - 语义 UI - 是否可以在下拉菜单中使用表单?

使用 SemanticUI,是否可以插入带有嵌套在下拉菜单中的下拉项的表单?

这是一个小提琴来说明我的意思: https ://jsfiddle.net/Nanego/tnv34c7b/5/

0 投票
1 回答
335 浏览

angular - 如何防止 Angular 2 页面在拖动内容或滚动时滑动到两侧?

有一个 Angular 2 应用程序。

当我滚动页面时,页面的行为就像我尝试向两侧滑动一点,并且正在发生水平橡皮筋效果。似乎我正在尝试将页面滑动到两侧的效果。

当我真正滑动一个元素时,这个问题会变得更糟,比如旋转木马。将轮播向两侧滑动,将页面与轮播一起拖动。

如何防止这种情况发生?

0 投票
1 回答
2443 浏览

css - 左侧带有图像的语义 UI 卡

是否可以使用语义 UI 卡在左侧有图像?该文档显示了图像始终位于顶部的示例。我想要获得的是语义 UI 项(但我当然想要使用卡片),如下所示:

在此处输入图像描述

我想要得到的是这样的:

在此处输入图像描述

如您所见,图像在左侧,类似于语义 UI 卡。

0 投票
1 回答
4247 浏览

reactjs - Semantic-ui-react:搜索结果不可见

我一直试图让语义 ui 搜索结果出现,但对于我的一生,我在搜索时得到的只是:

如您所见,搜索结果不可见

我已经在我的 index.js 文件中导入了 semantic-ui-css:

我正在使用一个超级基础的数据集来测试:

(这个数组出现在导入之后,但包含在上面以使代码部分更短)

并且正在使用文档中的标准搜索

在编辑语义用户界面反应搜索示例时,我什至尝试使用我的数组作为数据,但由于某种原因,结果在那里也不可见。如何使搜索结果可见?

提前感谢您的任何评论或答案!

0 投票
0 回答
154 浏览

css - 如何使用 Webpack3 解决 @import

我正在尝试将语义-ui-css添加到我的React应用程序中。但是,我收到此错误消息:

“无效或意外的令牌”。

回溯表明解析@import. 任何想法或建议将不胜感激。

另外,我意识到许多其他人也遇到过这个问题,但还没有在 Stack 上找到可行的解决方案。完整源代码可在此处获得:https ://github.com/lgants/django-react-ssr 。

前端/webpack.client.base.config.js

前端/webpack.client.dev.config.js

0 投票
1 回答
1247 浏览

reactjs - Semantic UI React 和 CSS 文件的加载器

当我尝试同时对语义-ui-css/semantic.min.css 和普通 css 文件使用加载器时,我偶然发现了一些错误。当我独立完成时,我能够分别加载语义.min.css 和普通 css 文件,但不能同时加载。

语义 UI 加载器(有效)

普通 CSS 文件的加载器(有效)

同时加载两者(不起作用)

0 投票
1 回答
77 浏览

jquery - Semnatic UI 组件中的转换组顺序

我正在使用语义 UI 转换(css,js),并且有一些 html 对象要淡入:

然后我可以通过从 jQuery 脚本调用按顺序淡化它们:

因此,它们开始依次从div1淡入到div5,一个接一个。现在,假设我希望它们以div1div4div5div2div3的顺序淡化。我尝试了onComplete,有两个不同的类,如下所示,它在每个单独的组件消失后触发。

和 jQuery 脚本:

所以制作不同的类 (1,4,5) 和 (2,3) 没有帮助。最后一个解决方案是制作一个级联功能树,这是不可取的,因为我有很多组件(不仅仅是五个)。

0 投票
2 回答
4261 浏览

reactjs - 动态多级菜单反应和语义用户界面

我正在使用Semantic UI React并尝试创建多级菜单组件或嵌套菜单。

我能够创建一个静态菜单组件,如下所示:

在这里查看输出

我试图为该菜单创建一个动态组件,如下所示 -

}

但它没有正确显示。这是示例数据

0 投票
2 回答
3230 浏览

reactjs - 如何在语义 UI React Accordion 中更改标题图标

https://react.semantic-ui.com/modules/accordion

在他们的第一个示例中,我有一个要求,我需要另一个图标而不是下拉菜单。

我需要用“角度向右,向下角度”替换它。

有没有人有这方面的经验?如何更改 react-semantic-Accordion 上的标题图标