问题标签 [material-components]
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.
ios - 在 MaterialComponents 中使用 willDeleteItemsAt 和 didSelectItemAt
使用 MaterialComponents.MaterialCollections 存在问题。我正在使用两个功能:
和
当我选择单元格时,它会转到另一个 ViewController,没关系。但是当我启用编辑模式并且单元格开始浮动时,我只想选择要删除的单元格。但首先我转到另一个视图,而不是返回,我的单元格 已经标记为删除。 如何中断 segue 到另一个视图并选择?
material-design - 使用 MDC web 时自动调整 fab 按钮大小的“正确”方法是什么
规范说,当屏幕宽度为 460dp 或更小时,fab 按钮的大小应从 56dp 调整为 40dp。
我正在使用 mdc Web 组件,这不会自动发生。可以通过将样式 mdc-fab--mini 应用于按钮来实现这一点。但是,似乎没有必要以编程方式执行此操作,因此我将媒体查询断点设置为 460px 并手动设置宽度和高度。这很好用,因为目前 mdc-fab--mini 类就是这样做的。但是,可能有更正确的方法可以做到这一点。
问:有没有“正确”的方法,如果有,是什么?德克萨斯州。
示例代码(使用“整页”选项并将屏幕大小调整到 460 像素以下以查看工厂变化):
meteor - 如何在 MeteorJS 中使用 Material Components Web sass
我想在我的流星应用程序中使用web 材料设计组件。不幸的是,当像这样从 npm 包中导入 mdc 时:
我收到以下错误:
我猜这是由于 mdc 的结构。该material-components-web.scss
文件导入所有单个组件,这些组件位于 中node_modules/@material
,而不是内部node_modules/material-components-web
。
我正在使用该fourseven:scss
包在我的流星应用程序中编译 sass。
我该如何解决/修复此问题?
ios - MDCTabBar 更改字体类型和大小
是否可以将选项卡的字体大小更改为 MDCTabBar ?
MDCTabBar 是 google 库的一部分,用于在 iOS 中使用设计材料
https://github.com/material-components/material-components-ios
javascript - MDC-web 没有按预期工作
这是我项目中的 Material.js 页面,这里我使用的是 material-components-web 库。我想要输入动画,它工作正常。但我想使用具有相同动画的两个输入。我使用了 mdc-textfield 类的两个相同的 div。但是现在只有 mdc-textfield 类的第一个 div 工作正常,但第二个没有显示动画。请帮助
javascript - 材料组件:单击内部时保持菜单“打开”
网络的材料组件(菜单)
这个问题与菜单组件有关:
我已经修改了代码,以便在悬停而不是单击时打开菜单。当单击菜单中的某些元素时,我现在正尝试使菜单保持打开或关闭状态。但是我无法使其正常工作。
任何人都可以帮忙吗?
Codepen 链接: https ://codepen.io/oneezy/pen/prejpw
例子:
- 单击时
<li class="wont-close">
,菜单不会关闭。menu.show();
- 单击时
<li class="will-close">
,菜单将关闭。menu.hide();
这是我的尝试:
HTML
JS
material-design - AngularDart 中的 web 材质组件
如何在我的 angular-dart 项目中使用 Web 的模块化和可定制的 Material Design UI 组件? https://material.io/components/ 我特别想使用 Typography,所以谁能告诉我我该怎么做。
谢谢你
aurelia - aurelia - 在 skelton-esnext 项目中使用 material-components-web 时出错
我已经成功地在我的 aurelia skeleton-esnext-webpack 项目中使用了 material-components-web 库,但我正在努力让它们在skeleton-esnext 项目中工作。
问题似乎在于,skeleton-esnext 项目使用 jspm 和 system.js 作为其模块加载器。
我已添加"@material/textfield": "npm:@material/textfield@^0.3.6"
到我的 package.json 的 jspm 依赖项部分,这似乎将正确的 @material 库安装到我的 jspm_modules/npm/@material 中。
现在,当我尝试从我的任何 aurelia 视图模型中访问该库中的任何类时
运行项目时,我在浏览器中收到以下错误:
对最有可能导致此问题的原因有何建议?
ios - 材质组件标签栏控制器错误
使用 MDCTabBarViewController 选择标签栏项目时收到错误:“由于未捕获的异常 'NSInvalidArgumentException',原因:'Invalid item',正在终止应用程序”。视图控制器加载但在选择第二个选项卡后立即崩溃。
任何帮助表示赞赏。谢谢!