semantic-ui 相关问题

语义UI是一个开发框架,用于使用人性化的HTML和Javascript创建响应式布局。

ReactJS:防止激活多个按钮的颜色

我在ReactJS和SemanticUI中有两个按钮。单击每个时,背景颜色都会改变。我想一次只激活一个按钮,这意味着如果单击红色的按钮,...

回答 1 投票 0

关闭选项卡中的图标

[背景:在撰写本文时,Fomantic-UI是Semantic-UI的实时开发分支,有一天将被集成到Semantic-UI中,同时,它实际上是语义-UI的支持类...] >

回答 1 投票 0

如何在关闭时删除模式的DOM元素

[背景:在撰写本文时,Fomantic-UI是Semantic-UI的实时开发分支,有一天将被集成到Semantic-UI中,同时,它实际上是语义-UI的支持类...] >

回答 1 投票 0

Form.Dropdown语义ui-将不完整字段显示为红色,并带有错误消息

预期结果:我目前有3个Form.Dropdown字段,它们是必填字段。如果用户在未在这3个字段中进行选择的情况下按了“下一步”,我希望下拉列表变成红色,然后...

回答 1 投票 0

[CSS使用React和SemanticUI在HTML之后加载

我有一个使用SemanticUI进行样式设置的create-react-app项目。我的App组件如下:从'react'导入React; import'./App.css'从'../ components / ...

回答 1 投票 1

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

我有一个具有大小的菜单,当您单击按钮时,它将宽度减小到50px,即,我将有一个带有按钮和图标的菜单,当单击按钮时,将仅显示图标...

回答 1 投票 0

语义反应/高度100%,页面[关闭]

我正在尝试使菜单占据屏幕高度的100%,但我无法做到这一点:https://codesandbox.io/s/brave-http-wiu8u

回答 2 投票 -1

React js语义菜单项居中

您好,我无法将我的内容放在此div代码的中心:https://codesandbox.io/s/hungry-https-c5432我试图将嵌入式显示器放在h5上,但仍然没有工作

回答 2 投票 0

从收音机和复选框中选择的选项未传递数据

我试图通过多个页面提出一系列问题,所以我需要将第1页和第2页中选择的答案传递给第3页,因为第3页就像确认页,它将显示...

回答 2 投票 0

样式化组件语义工具包(表格。输入)

您好,我想知道如何使用表单的样式化组件更改CSS。语义输入在悬停时,我需要这样的东西:但是我无法更改输入的背景色,并且...

回答 2 投票 1

语义反应/背景图像和高度100 vh

您好,我如何使组件页脚仅占据页面高度的100 px,而页面的其余部分使用高度来作为组件网格:vh我尝试用我的内容:export const GridWrap = ...

回答 1 投票 0

ReactJs /语义UI复选框在循环中

[我通过带有地图的json数据呈现了一些复选框:Data.FacData.map((v,i)=>( ]]] 像这样更新您的代码或参考https://jsfiddle.net/L7y2m8zr/11/您需要使用split 将值字符串转换为数组。 componentDidMount() { /*get data from api*/ const data = "1,3" const newValues = data.split(",").map(n=> parseInt(n)) this.setState({ facilitiesValue: newValues }); } 您还可以基于数组是否包含给定的id来设置defaultChecked或checked值,而不是仅传递数组或字符串(因为这是代码,而不是魔术:)) return ( <div> { Data.FacData.map((v, i) => ( <div key={i} className="CheckBox"> <input type="checkbox" name="Facilities" value={v.id} onChange={this.getFacilities} id={"Facilities-"+v.id} checked = {this.state.facilitiesValue.includes(parseInt(v.id))} /> <label htmlFor={"Facilities-" + v.id}>{v.name}</label> </div> )) } </div> )

回答 1 投票 0

Semantic-ui表:如何使列可选

我想通过语义UI选择表列。尽管在文档中明确说明了如何使行可选(https://semantic-ui.com/collections/table.html#selectable-row),...

回答 1 投票 1

allowadditions下拉菜单的语义UI设置值

我正在使用语义UI的常规非React版本。我有一个标准下拉菜单,其中添加了搜索功能,并配置为允许添加。 aka select with class ='ui fluid search dropdown'...

回答 1 投票 0

SemanticUI / ReactJS模式不支持html内容

我使用ReactJS和SemanticUI,想使用模式,但是里面似乎不支持html,对吧?只显示纯文本。好吧,我制作了一个用于显示模式的组件,称为Alert:

回答 2 投票 0

React语义ui table.row set row active onclick

我如何在单击Table时使用prop active = {true}设置一行。RowReact语义UI听起来很简单,但是我没有找到一种方法。在文档中,我什么都没说。我尝试过这种方式,...

回答 1 投票 0

努力处理父级背景颜色/子级:在背景颜色冲突之前

我已经设法创建一个伪:before元素添加到菜单项中,该菜单项可以按我的意愿工作,但是当我向父div(底部导航)添加背景色/图像时,伪元素似乎...

回答 1 投票 0

语义固定菜单将容器移至页面顶部

当我将菜单固定在顶部时,它使底部容器向上移动,并且我无法看到...

回答 1 投票 0

使用v-bind通过vue.js渲染在语义ui中更新星值时的问题

我正在使用语义UI和vue.js,下面是一个简单的代码,其中我正在运行vue.js for循环,该循环用于获取商家,点击次数和评分值。除{{item ....

回答 1 投票 0

如何在Python-Flask中使用Semantic-ui多个选项卡?

我想使用Jinjia渲染模板。此页面上有很多Semantic-ui选项卡。它是模板代码。 {%扩展“ /base.html”%} {%块内容%}

回答 1 投票 0

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.