草庐IT

Unusual_Material

全部标签

html - 如何在 Material Design Components for Web 中设置主要颜色和次要颜色?

详情我研究了Web的MaterialComponents(MDC)并着手使用CDN(托管的CSS和JavaScript库):https://unpkg.com/material-components-web@latest/dist/material-components-web.min.csshttps://unpkg.com/material-components-web@latest/dist/material-components-web.min.js这得益于他们在[1中的getting-started-docs-page].同样,MDC有这个predecessor-slash-

javascript - Material Design Lite JS 不适用于动态加载的 html 文件

我想统一我网站的导航布局,所以我创建了一个单独的html文件来保存导航代码。我使用JS动态加载文件:$("#navigation").load("/navigation/navigation.html",function(){$.getScript('/material.min.js');});问题是material.min.js没有为这个html中的动态加载组件执行,我失去了一些关键功能。我该如何解决? 最佳答案 检查componentHandler是否加载,加载后尝试升级元素。if(!(typeof(componentHandl

html - 在 css 伪 :after content 中添加谷歌 Material 设计图标

我只是想添加一些谷歌Material设计icons到悬停链接的内容:a:hover::after{content:"link"}但是不行,请看我的fiddle. 最佳答案 将您的CSS更改为:a:hover::after{font-family:'MaterialIcons';content:"link";-webkit-font-feature-settings:'liga';}所以你可以改变内容:“[whatevericonhere]”;FIDDLE此外,fiddle没有正确加载图标字体,所以我将链接放在html中。

html - ng-map 尊重 ng-material 布局

我正在尝试使用具有两列的angularmaterialdesgin创建布局:123456没关系。但是如果我放置一个ng-map元素:123呈现为垂直堆叠。为什么?演示:https://plnkr.co/edit/mNdHAwGXC0vLE7Erttib?p=preview 最佳答案 调查console,您可以看到以下错误:TypeError:$element.bindisnotafunctionatnew__MapController(ng-map.js:318)flex属性正在应用样式如下的CSS类:./angular-mater

html - 如何让material-ui TableRowColumn跨越多列

它就像htmlcolspan属性。一些行的列数与其他行不同。谢谢 最佳答案 只需添加属性,例如: 关于html-如何让material-uiTableRowColumn跨越多列,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/43523667/

javascript - Angular Material 2 - 如何将垫子工具栏和垫子标签锁定到顶部

对于我的Website我正在尝试将锁定到屏幕顶部,然后直接在其下方我想锁定。我遇到的问题是那个位置:固定在CSS中根本没有锁定它,当我实际去网站检查元素时,它放入了一个我应该如何将这两个元素锁定到顶部,我应该如何绕过这个自动创建的Div?我之前有一个类似的问题,但我使用固定和绝对定位解决了这个问题,这不适用于这个新版本的Angular/AngularMaterial。SourceCodeformyWebsite 最佳答案 您是指粘性工具栏吗?只需将一个类添加到工具栏并使其具有粘性(使用position属性设置为sticky):.ap

html - 使 Material Design Lite 表格 100% 宽度的正确方法是什么?

我正在考虑使用Google'sMaterialDesignLite框架,我想知道如何使表格跨越其包含元素的100%宽度:拿这张表:MaterialQuantityUnitpriceAcrylic(Transparent)25$2.90Plywood(Birch)50$1.25Laminate(GoldonBlue)10$2.35我怎样才能让这个MDL表跨越100%的容器?我已经设置了这个JSFiddle表格示例取自docs. 最佳答案 只需在table和th中添加一个新的fullwidth类,直接将宽度设置为100%。.fullwi

html - 角度 Material : How to make content scrollable

我正在使用角Material,并想为我的应用程序设计一个布局。AngularMaterial-StarterAppToolbarLoremipsumdolorsitamet,nequodnovummei.Seaomniuminveniremediocremat,inlobortisconclusionemquenam.Nedelenitiappeterereprimiquepro,inanilabiturdisputationitesed.Atvixsaleomnesque,idprolabiturreformidansaccommodare,cumlaboreshonestatise

html - Material Design Lite 的居中形式

我正在寻找一种使用Google的MaterialDesignLite轻松获得位于屏幕中心的登录表单。图书馆。我已经经历了多次迭代,这是我想出的最好的: UsernamePassword 是否有更好的方法在所有屏幕尺寸上实现居中表单?带有 的div感觉真恶心! 最佳答案 如何使用“mdl-layout-spacer”:参见codepenThisdiviscentered或者如果您更喜欢css解决方案:向包含要居中的列的网格添加一个额外的类。参见codepenThisdiviscentered.mdl-grid.ce

html - Angular Material 布局 - 展开以填充窗口

我正在尝试创建AngularMaterial布局。我的目标是创建一个充满整个浏览器窗口的页面,而不创建垂直滚动条。页面顶部是一个占据页面100%宽度的工具栏。工具栏下方是一个标题区域,它也占据了100%的宽度。在标题区域下,我想要左侧的导航菜单和右侧的客户区。我的目标是让导航菜单和客户区垂直填充整个浏览器窗口。让您直观地了解我要完成的工作:我一直在试验布局行和列以及属性flex和布局填充。我发现的所有其他帖子都表明,通过正确的组合应该可以做到这一点,但是我却找不到解决方案。我创建了一个Plunker来演示我的问题:http://plnkr.co/edit/Eva0Cf6KKa0z6I9