如何使用MDC的标签栏？

文章/答案/技术大牛

发布

2回答

javascript、html、mdc-components

我想使用这个选项卡系统： https://material-components.github.io/material-components-web-catalog/#/component/tabs我阅读了上面链接的HTML源代码，并实现了一个选项卡栏。但是，如何使用此选项卡栏切换显示的内容？我需要写JavaScript吗？

浏览 26提问于2019-04-28得票数 1

回答已采纳

1回答

在asp.net核心项目上配置material-ui

asp.net、asp.net-core、razor、material-ui、material-design

我想在我的asp.net核心项目上运行material-design。在visual studio 2019中 ? ? 但是我应该如何在我的项目中使用它们，侧栏抽屉的示例代码是这样的。<aside class="mdc-drawer"> <nav class="<em

浏览 34提问于2020-04-28得票数 0

回答已采纳

1回答

具有文本链接而不是图标的Web工具栏的材质组件

toolbar、material-components-web

如果我从mdc-toolbar__section的a href标记中删除图标类，我得到的是未格式化的链接，而不是匹配样式的<a>和</a>标记之间的文本。 <section class="mdc-toolbar__section mdc-toolbar__section--align-end&

浏览 0提问于2018-01-23得票数 1

1回答

Material.io选项卡:选项卡内容放在哪里？

javascript、html、css、material-design

我试图在一个项目中使用material.io选项卡，无论如何，html结构并没有很好的文档化： <div class="mdc-tab-scroller"> <div cla

浏览 7提问于2021-08-04得票数 3

回答已采纳

2回答

当添加/重置新值时，MDC组件不会更新UI

javascript、jquery、material-design、material-design-lite、mdc-components

当表单元素的值通过javascript发生变化时，我试图重新初始化/重新绘制表单元素的所有，但到目前为止，我的尝试都失败了。有什么简单的方法可以用我不知道的内置MDC方法来实现呢？我创建了一种自定义的方法来重新加载MDC组件，其中包含一个data-mdc-reload html属性，该属性在单击时会触发，但这并不能完全完成任务。下面是一个显示问题的代码库：单击UPDATE FORM VALUES按钮添

浏览 3提问于2019-07-30得票数 2

1回答

如何通过CDN使用物料设计组件使错误文本显示在输入字段下方？

material-design、mdc-components

我正在通过CDN使用材料设计来创建一个填充的输入域，但我不能创建下面的错误消息当用户写不正确的时候，例如电子邮件，我尝试了几种方法导入jquery也通过CDN，但它不能正常工作。我试着查看材料设计的API，并尝试实现它，但它也不起作用。任何帮助都会非常感谢！mdc-text-field--filled">

浏览 15提问于2020-10-09得票数 0

回答已采纳

1回答

材质设计图标按钮不能正常工作

javascript、html、material-design

我正在使用的web组件创建一个应用程序栏。这是我的HTML： <div class="mdc-top-app-bar__row"><section class="mdc-top-app-bar__section mdc-top-app-bar__section--ali

浏览 14提问于2020-02-12得票数 1

8回答

父元素为隐藏的访问元素- cypress.io。

javascript、angular、pug、ui-automation、cypress

显示它的CSS属性(或祖先)：none. 我使用的元素是一个dropdown item，它是用pug编写的。元素是在中定义的组件，它对下拉菜单使用

浏览 0提问于2017-11-29得票数 21

回答已采纳

1回答

MDC-Web主题颜色未定义

css、web、sass、material-design、mdc

));}}1-我使用<

浏览 1提问于2019-06-11得票数 1

2回答

@material组件-web无效选项卡组件，给出为activeTab

web、material-components

首先，让我说mdc文档对于像我这样的非专业人士来说是困难的。{MDCTabBarScroller, MDCTabBarScrollerFoundation} from我在导出的单独函数中手动实例化选项卡栏因此，我不使用它:-) 现在，当用户单击选项卡栏时，我会这样捕

浏览 0提问于2017-11-16得票数 1

1回答

如何实现网络材料组件的多选择

javascript、html、material-design、dropdown、material-components-web

但我找不到同样的选择。<div class="mdc-xyz-inputs-drop-down mdc-select mdc-select--outlined mdc-select--required " style"></span> <div class="mdc-select__menu mdc</

浏览 2提问于2020-09-11得票数 0

回答已采纳

2回答

如何在JS中检测MDC* Snackbar是否已关闭？*

javascript、vue.js、material-design、snackbar、mdc-components

我正在使用Material Design的快餐栏和VueJS，我希望能够检测到快餐栏何时关闭。Snackbar有一个名为isOpen的内置属性，因此我可以将return this.snackbar.isOpen;用作布尔值。看起来isOpen不是对关闭的反应，而是对打开的反应。但我想要的东西触发时，小吃店是关闭后，已经打开。如果您能给我任何建议this.snackbar = new MD

浏览 2提问于2019-01-16得票数 0

1回答

材料设计元件& reactjs输入字段

javascript、reactjs、material-components

因此，我有MDC最终使用React和使用Google文档，我计算出当用户单击输入字段时，如何需要reactjs来运行以下JS --基本上，标签应该移动到输入上方，这样用户就可以输入类似于我的纯HTML然而，使用reactjs，我注意到我不能将下面的代码放在呈现区域中，所以我想知道我将把它放在哪里，以及如何放置它？(tf); })();import React, { Com

浏览 2提问于2017-09-06得票数 0

3回答

Sentry raven-java用户上下文

java、sentry、raven

我如何设置用户上下文与哨兵raven-java客户端？Raven.setUserContext({ id: ''有没

浏览 2提问于2014-09-19得票数 8

1回答

CSS - material web components implementing with the hero部分

html、css、material-design

我正在尝试使用他们的持久化抽屉与页面上的英雄部分，在那里我也有一个工具栏。，我从他们的复制了page-content的css，并为landing-page-hero添加了css： margin:0;.page-content { 但是，就像我说过的，我需要这个元素来挂载Vue，当我

浏览 16提问于2018-01-22得票数 2

1回答

如何用logback在raven java中添加请求信息？

sentry、raven

我们在java中使用raven和logback进行错误报告。我们可以成功地记录错误，但是如何添加请求信息呢？我在上没有找到任何例子

浏览 7提问于2015-12-22得票数 1

1回答

基于材料组件Web的应用程序栏的可扩展搜索

javascript、html、css、material-design

mdc-top-app-bar--fixed"> <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start"> <div class="mdc-text-field mdc-te

浏览 1提问于2018-07-05得票数 2

回答已采纳

2回答

材料设计Web1.0卡内网格布局挂在左边

html、css、material-design

我正在试验具有以下代码的材料设计Web1.0： <div class="mdc-layout-grid__inner"></div> </div> <&

浏览 0提问于2019-05-03得票数 1

回答已采纳

0回答

mdc-fab背景mdc-主题-辅助

css、web、material-components

在我的Head标签中包含以下内容:root {--mdc-theme--primary-light: #96ed98;--mdc-theme--secondary: #e55100;--mdc-theme--s

浏览 8提问于2017-11-24得票数 0

2回答

让MDC抽屉显示在顶部应用程序栏的下方

html、css、material-design、mdc-components

我按照示例代码在顶部应用程序栏下放置了一个可拆卸的抽屉，但它不起作用。这是我尝试过的：// Note: these styles do not account for any paddings/margins that you may need. body {class="mdc-top-app-bar__navigation-icon mdc-icon-button material-icons" href="#">men

浏览 20提问于2020-01-08得票数 1

点击加载更多