semantic-ui相关内容

语义用户界面反应--对卡片中的图像添加显示效果

标题说明了一切。 是否可以将Semantic UI Reveal effect添加到Cards中的Images? 这将是一个非常好的功能,当设计电子商务网站与语义化的UI+反应,例如有两个图像为每个产品,当悬停。 此外,在使用无反应的语义界面时,it is totally possible。 推荐答案 我自己回答是因为我已经找到了(我承认不是很聪明)解决此问题的方法。目前,它正在 ..
发布时间:2022-06-17 20:38:43 前端开发

只需刷新选项卡或不刷新页面

我对ReactJ有一点小问题。我有一个具有多个选项卡的页面,在每个选项卡中我都有一个刷新页面的按钮,因此当我单击刷新按钮时,它会返回到选项卡1,而刷新发生在选项卡2中,而我希望选项卡2在刷新后保持打开。 我希望在刷新选项卡%2之后保持打开 图片示例: 刷新前: 刷新后: 我希望在刷新选项卡%2之后保持打开状态... 以下是我的代码: 数据-lang=“js”数 ..
发布时间:2022-06-17 20:28:47 前端开发

为什么我不能在Formik中获取日期和文本区域的值?

我使用Formik和Yup作为Reaction应用程序中的表单控件。我还使用了语义用户界面。在应用程序中,当我单击Submit按钮时,虽然我可以从Formfield元素中读取值并在控制台上看到它们,但我无法获取日期和文本区域元素的值,并且它们在控制台上显示为空白。我怎样才能解决这个问题? 在这里我定义初始值。 const initialValues = { jobTitle: { id ..
发布时间:2022-06-17 20:20:00 其他开发

语义用户界面网格-在隐藏了仅计算机列之后,显示列的全宽

对于计算机大小的屏幕,我在左侧有一个附加栏,用于显示一些可选内容。当屏幕大小低于991px的临界点时,该列将使用语义-UI的原生CSS类进行隐藏。 在这种情况下,包含主要内容的列应该以全宽显示。 我想知道是否有一种“原生的”语义用户界面的方式来实现这一点? ..
发布时间:2022-06-17 20:02:43 前端开发

语义用户界面多站点

Hello Stack社区! 我使用语义用户界面,我想知道是否可以在一次编译(通过GULP构建)中管理多个站点的多个主题(dist文件夹中的多个主题)?为我的前台和后台服务? 例如: src/themes/site-1/ src/themes/site-2/ 吞咽编译将生成: /dist/site-1/semantic.css /dist/site-2/semantic.c ..
发布时间:2022-06-17 19:56:57 其他开发

切换按钮/减小宽度网格和div语义反应

我有一个菜单,它会有一个大小,当您单击按钮时,它会将宽度减少到50px ie我将有一个带有按钮和图标的菜单,当单击按钮时将只出现图标 但我遇到了困难,如何减小div的宽度以及如何在语义网格上工作 编码: function Menu() { const [open, setOpen] = useState(true); // declare new state varia ..
发布时间:2022-06-17 19:39:07 前端开发

语义用户界面反应更改样式占位符文本CSS

我在Reaction应用程序中使用语义用户界面下拉菜单来创建与其文档中的下拉菜单类似的下拉菜单:https://react.semantic-ui.com/modules/dropdown/#types-selection 默认文本设置为";Select Friend";,默认文本为半透明。我正在尝试如何修改此组件的样式,以使默认文本不再是透明的。 推荐答案 首先,我 ..
发布时间:2022-06-17 19:30:51 前端开发

反应-初始化状态时意外令牌(&Q;)

我是个新手,所以请原谅这个问题中的任何错误! 我当前正在尝试运行基本登录表单: 数据-lang=“js”数据-隐藏=“假”数据-控制台=“真”数据-巴贝尔=“假”> import React, { Component } from 'react'; import { Input, Form, Button } from 'semantic-ui-react' class Lo ..
发布时间:2022-06-17 19:20:47 其他开发

遇到带有Reaction和语义-UI Accordion的未定义的大小侦听器

我将语义-UI Accordion用于包裹在eCharts折线图周围的Segment Reaction组件(使用echarts-for-react)。我目前有一个按钮,它允许我折叠线条图,如“折叠”变量中所示。 我还有一个按钮,允许我将组件的大小从半屏更改为全屏。 问题是,当组件已经“折叠”时,我触发了从半屏到全屏的大小调整,然后“取消折叠”组件,图表不会调整到新的容器大小。 未 ..
发布时间:2022-06-17 19:17:20 其他开发

如何在Rails应用程序中添加语义用户界面?

我想将语义-UI添加到Rails中,而且我也不想使用现成的gem。 我已经将它安装在其他Rails旁边的语义文件夹中,并通过GULP构建它。 然后,我将语义.css复制到ASSET样式表,并在Application.css中需要它 *= require_tree . *= require_self *=require semantic.css 并将其链接到Appli ..
发布时间:2022-06-17 18:58:25 其他开发

如何使用语义的Reaction表格组件从表行点击中获取数据

我正在尝试从我使用带有Reaction的语义UI呈现的表中获取一个点击时的值。我使用一个不可变的列表来生成我的行,并且我想要一个onClick来访问唯一的id值。当我在回调中记录提取该值的尝试时,我得到: ‘bff3a3e9-489e-0e19-c27b-84c10db2432b’用TD标签包装 相关编码: 数据-lang=“js”数据-隐藏=“假”数据-控制台=“真”数据-巴贝尔= ..
发布时间:2022-06-17 18:51:31 其他开发

R闪亮应用程序中的评级明星

我正试图在我闪亮的应用程序中添加一些元素,让它看起来更好。 因此,我使用的是新的shiny.semantic包,它允许以一种简单的方式添加语义UI元素。 人们可以在这里找到闪亮语义元素的例子: http://demo.appsilondatascience.com/shiny.semantic/components/ 我想添加一个评级星级用户界面,代码如下: library(shiny ..
发布时间:2022-06-17 18:42:24 其他开发