materialize 相关问题

基于Material Design的开源,现代,响应式前端框架

sc如何更改Datepicker格式的Materializecss

我正在尝试显示并收集日期的格式为'm / d / yyyy',是我尝试在下面的代码中构造的文档,但它似乎不起作用:-document.addEventListener('DOMContentLoaded',...

回答 1 投票 0

如何更改Datepicker格式的Materializecss

我正在尝试显示并收集日期的格式为'm / d / yyyy',是我尝试在下面的代码中构造的文档,但它似乎不起作用:-document.addEventListener('DOMContentLoaded',...

回答 1 投票 0

DOM元素未呈现html

我建立了一个html表,该表从数据数组动态生成。它旨在在我的酒吧中点击菜单,以制作啤酒菜单。该数组包含以下数据:[tap_number,brewery_image,...

回答 1 投票 1

theme.spacing()的功能如何?

根据material-ui中的文档,它在组件之间提供了空间。但是我可以在这里得到高度和宽度的方式:`width:theme.spacing(20),...

回答 1 投票 0

“材料化”选项卡在页面刷新时保持活动选项卡

我正在使用带有实现的vue.js构建单页应用程序,并且我有一个带有选项卡的导航栏,可导航到我网站上的不同页面。 Materialize的选项卡具有一个活动属性,......>

回答 3 投票 0

materializeCSS标签在React中无法正常使用

签名容器内的代码如下,开始在文本字段中键入标签后,标签没有移动或隐藏起来

回答 1 投票 0

将模型具体化CSS调整为内容

有人知道如何在无需额外填充的情况下将Modal调整为其内容吗?请在演示链接jsfiddle

回答 1 投票 1

使用具有单选行为的材料设计(materializecss)多选CSS

Materializecss具有很酷的CSS,可以进行多项选择。但是,当我选择普通的选择列表时,我不得不放弃该CSS。 http://jsfiddle.net/mulgey/48wk502o/11/在这个例子中,我试图将...

回答 1 投票 0

使网格列材料化溢出

我正在尝试制作“产品”页面,每一列都有一张卡片,只有一行。 ... []]] ] >> 将行材料化不能很好地处理不同高度的卡,在这种情况下,使用提供的三个类可以帮助固定卡的高度,以使卡的高度均匀:| <div class="card small"> <!-- Card Content --> </div> 在卡上作为额外类别应用了三种尺寸-small,medium和large等于: .card.small { height: 300px; } .card.medium { height: 400px; } .card.large { height: 500px; } https://materializecss.com/cards.html#sizes

回答 1 投票 0

使选项卡的材料化状态在页面刷新时不持久

我正在使用带有实现的vue.js构建单页应用程序,并且我有一个带有选项卡的导航栏,可导航到我网站上的不同页面。 Materialize的选项卡具有一个活动属性,......>

回答 1 投票 0


使用Materialize表单的Google App脚本返回错误“祖先违反了以下内容安全政策指令:” frame-ancestors'self'“

我正在Google应用程序脚本中使用Materialize表单,如下所示。如果将'name =“ action”'放在按钮的属性中,则会出现错误,并且不会调用服务器端函数。我想知道...

回答 1 投票 1

如何在物化CSS框架中添加对select的搜索

我在实现CSS框架方面是新手,正在寻找可搜索的选择。我已经添加了选择组件,但现在我希望它可以被搜索,以便用户可以从下拉选项和...

回答 1 投票 4

React App-materialize-css在第一次渲染时未初始化

我正在使用React和materialize-css构建'Add Item'功能。由于某些原因,当我第一次进入它们所在的页面时,未初始化materialize-css组件。他们...

回答 1 投票 0

如何在div内垂直和水平居中放置图像?

我正在使用Materialize CSS,无法在div内垂直和水平居中放置图像,边距:0自动根本不起作用。 .blockA {边框:1px纯黑色; } .imgA {border:1px ...

回答 1 投票 0

Matalialize Modal不起作用,保持打开状态

[我正在尝试在laravel应用中使用实体化模式,我有一个名为skeleton的刀片文件,我将所有的“脚本”和样式表放入其中。这掩盖了我在...中定义的部分...

回答 1 投票 0

在Google Apps脚本网络应用程序中动态添加具体化选择输入错误

我正在尝试向使用Google Apps脚本网络应用创建的自定义表单中动态添加额外的Materialize“选择”。尽管最初的显示为OK,但在添加其他内容时(通过“添加行”按钮)...

回答 1 投票 0

在]中的项目文本旁边添加图标> 在[[] 如何在中的项目文本旁边添加图标> http://jsfiddle.net/h96y7sw8/10/ 基本方法是: <li><a href="layout/pages/index.html"><i class="material-icons">shopping_cart</i>Test</a></li> 但是当我进入时它不再起作用。 很抱歉,我尝试使用该代码段,但没有用。 我如何在http://jsfiddle.net/h96y7sw8/10/中的项目文本旁边添加图标,基本方法是: shopping_cart 看看是否可行!为了对齐,您可以添加其他CSS。 <html> <head> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> </head> <body> <nav> <ul id="slide-out" class="side-nav"> <li><a href="layout/pages/index.html"><span>Test <i class="material-icons md-24">face</i></span></a></li> </ul> <a href="javascript:void(0)" data-activates="slide-out" class="button-collapse"> <i class="material-icons" style="margin-left: 35%;">menu</i> </a> </nav> </body> </html> 您的意思是这样的吗? http://jsfiddle.net/s34z0dun/ HTML: <li><a href="layout/pages/index.html">Test</a> <i class="material-icons">shopping_cart</i></li> CSS: .side-nav a { display:inline; } .side-nav i.material-icons{ color:black; display:inline-block; position:relative; left: -25px; top: 8px; }

我如何在http://jsfiddle.net/h96y7sw8/10/中的项目文本旁边添加图标,基本方法是: shopping_cart

回答 2 投票 0

Materialize CSS轮播指标不可点击

将CSS轮播指示器进行材料化是不可单击的,我将轮播设置为全宽,将高度设置为窗口高度。我正在使用的Materialise CSS版本是0.100.2。指标...

回答 1 投票 1

材料化可折叠未正确扩展

如果html已经存在,它会很好,但是当我动态添加html时,它根本无法工作。我尝试初始化它$('。collapsible')。collapsible();并且有时会扩展,但不会扩展...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.