问题标签 [material-design-lite]

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 投票
3 回答
23426 浏览

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

我正在研究使用Google 的 Material Design Lite框架,我想知道如何使表格跨越其包含元素的 100% 宽度:

拿这张表:

我怎样才能使这个 MDL 表跨越 100% 的容器?

我已经使用取自docs的表格示例设置了这个JSFiddle

0 投票
5 回答
16600 浏览

javascript - Material Design Lite 与 AngularJS 的集成

我知道Angular Material有助于实现在 Angular 单页应用程序中使用的 Material Design 规范。

但是,我正在研究与我的 Angular 项目集成的Material Design Lite替代方案。我想知道将 Material Design Lite 与 AngularJS 应用程序集成的最佳方式。

0 投票
3 回答
6238 浏览

material-design-lite - Material Design lite 字体和图标

我如何在本地使用材料字体和图标,因为我并不总是可以通过 http 访问互联网来引用它。有谁能够帮我?

0 投票
1 回答
321 浏览

material-design-lite - 页脚中的选项卡组件

是否可以将选项卡链接放在页脚中,将选项卡内容的其余部分放在主要部分中?我已经尝试过了,但是一旦我将选项卡链接放在页脚中,选项卡组件就会停止工作。

0 投票
2 回答
2356 浏览

material-design-lite - 重新渲染 MDL 抽屉菜单使抽屉按钮消失

我正在将 MDL 集成到 React 应用程序中。

我刚刚尝试从固定标题布局(http://www.getmdl.io/components/index.html#layout-section)中制作一个组件,并注意到如果我在 html 中对布局进行硬编码,它的工作原理是预期的。但是,如果我在运行时使用 JS 生成该 html,则缺少汉堡包图标。

我应该怎么做才能解决这个问题?

0 投票
2 回答
879 浏览

angularjs - 输入占位符不适用于 angular 和 ui.router

我实际上正在使用 angular、ui-router 和 mdl 制作应用程序,但是当我更改视图时,输入占位符不再起作用。

这是我的登录页面的代码(玉)

你有什么想法吗?

0 投票
4 回答
2335 浏览

wordpress - Material Design Lite:可以在 Wordpress 上安装吗?

随机且可能很愚蠢的问题——Material-Design-Lite 博客模板可以完全安装在 Wordpress 上吗?从http://www.getmdl.io/templates/blog/index.html下载了完整的模板,想知道如何使用整个文件....

谢谢!

0 投票
1 回答
1535 浏览

javascript - MDL 按钮纹波不一致

我正在使用 Google 刚刚发布的 Material Design Lite CSS/JS“模板”将一些 Material Design 加入到我的 Angular 应用程序中,我注意到按钮波纹效果非常不一致。

有时在我的主应用程序视图上,尽管在其他视图中工作,它从不加载按钮波纹,然后在其他视图上它只适用于前一个或两个实例。例如,

主视图有一个 ng 重复的按钮列表:

备用视图有几个静态按钮,后跟一个 ng-repeat 按钮列表:

这是不好的做法还是什么?发生这种情况有什么原因吗?

0 投票
4 回答
3899 浏览

html - 如何在 MDL 中使标题可滚动以用于较小的屏幕?

使用 MDL 1.0( http://www.getmdl.io/ ) 我试图让标题在更大和更小的屏幕上可滚动。但它只能在更大的屏幕上滚动(比如在我的电脑上),但不能在更小的屏幕上滚动。

这是html:

如您所见,标题是可滚动的,但仅适用于更大的屏幕(例如在 PC 上)。但是如果你把窗口变小,或者只是在更小的屏幕上运行它,标题是固定的,不能滚动。此外,如果我mdl-layout--fixed-header从外部 div(主 div)中删除,标题会在较小的屏幕上消失。

知道如何在更大和更小的屏幕上使标题可滚动吗?

0 投票
10 回答
48838 浏览

material-design-lite - 如何使用 Material Design Lite 格式化选择框?

我已经阅读了组件列表并阅读了提供的 CSS,但我没有看到任何提及选择框 - 只是常规输入;文本、单选、复选框、文本区域等。

您如何使用带有选择框的 Material Design Lite?将这些类用于常规文本输入可以帮助您完成一半,但这肯定是不正确的。