Описание тега material-components-web

Модульные и настраиваемые компоненты пользовательского интерфейса Material Design (для Интернета).
0 ответов

Переход состояния значка с кнопкой переключения значков в компонентах дизайна материалов mdc-web

Как использовать эффект перехода состояния, как показано в руководстве по проектированию материалов ( https://material.io/design/iconography/animated-icons.html), при использовании кнопки переключения значков. Я хочу плавный анимированный переход от…
2 ответа

Текстовое поле ввода компонентов материала обрезается

Просто запустил barebones "material-components-web", и я не могу заставить поле ввода выглядеть так, как должно. JS взаимодействие работает отлично. Тема выглядит хорошо. Но мое поле обрезается index.html: <html> <head> <link rel="sty…
02 июл '18 в 23:02
0 ответов

Как настроить материал веб-компонентов с помощью laravel-mix?

Я использую mdc с laravel-mix, но он не загружает файлы scss из узловых модулей. Я пробовал некоторые другие решения о предоставлении includepaths в mix.sass, но они не работают. Я попробовал код в webpack.mix.js const path = require('path'); let mi…
0 ответов

Компоненты материала выдают ошибку при включении JavaScript в IE11

У меня есть приложение angular 4, в котором я использую нативные компоненты материала, а не угловой материал. Поскольку я использую angular-cli, я запускаю приложение, используя ng serve. Из руководства для начинающих я выполнил шаги по интеграции б…
1 ответ

MDC-Web: mdc-text-field- обведено с предварительно заполненным значением

Я предварительно заполняю несколько текстовых полей, а границы не отображаются. Я использую, например, следующий JavaScript для предварительного заполнения полей, но контур не отображается, пока я не щелкну / не щелкну поле. Я старался var doc = doc…
1 ответ

Как перезаписать цвет темы @material только для одного компонента?

$mdc-theme-secondary: #6b2574 уже определен в верхней части файла index.scss. У меня есть компонент флажка материала, который по умолчанию использует $mdc-theme-secondary в качестве цвета фона. Я хочу изменить цвет флажка без изменения mdc-theme-sec…
1 ответ

Рабочий пример компонента Material Design LinearProgress

Прилагаются псевдокоды для попытки создать рабочий прототип компонента Linear Progress. HTML <script src="https://unpkg.com/material-components-web@0.42.1/dist/material-components-web.min.js"></script> ... <div role="progressbar" clas…
27 дек '18 в 17:12
0 ответов

Есть ли способ интеграции Material-компонентов-web в ASP.NET MVC

Я пытаюсь интегрировать материал-компоненты-сеть из Material.io. Но это оказалось довольно хлопотно. Я также очень новичок в мире Node, поэтому я учусь долго. Это то, что я сделал до сих пор: В сочетании с NPM в Visual Studio 2017 я могу использоват…
1 ответ

Material Design Components не правильно отображает меню для веб

Я пытаюсь добавить основное меню выбора MDC на мой сайт. Но это не совсем верно - справа от поля показана стрелка MDC вместе с обычной стрелкой HTML, а слова расположены слишком близко к метке меню ( см. Здесь). HTML часть— <div class="mdc-select…
2 ответа

Измените размер желоба макетной сетки MDC с помощью микшера SASS.

Я пытаюсь изменить размер желоба сетки веб-макета компонентов материала MDC с помощью микшера SASS и не могу! В настоящее время я использую: .mdc-layout-grid-cell { @include mdc-layout-grid-cell('desktop', 3, 60px); } Я вижу, что миксин используется…
04 янв '18 в 19:18
0 ответов

Настройте Webpack для разрешения относительных путей

Я пытаюсь внедрить веб-компоненты материалов в свое веб-приложение согласно Руководству по началу работы с веб-компонентами материалов. Мне удалось успешно настроить Webpack (V3) для загрузки SASS для веб-компонента. Это было после столкновения с пр…
0 ответов

Как импортировать компоненты материалов Web Select Menu JS компонент

Попытка заставить Меню выбора Веб-компонента Материала вести себя согласно его демонстрации, но кажется, что документация не включает какие компоненты JS импортировать. я пытался import {MDCSelect} from '@material/select';, следуя соглашению с други…
1 ответ

Как использовать веб-фонды компонентов материалов

Используя Материальные Компоненты, я пытаюсь понять, как использовать методы Основ Компонентов. Для примера у меня есть <div role="progressbar" class="mdc-linear-progress"> <div class="mdc-linear-progress__buffering-dots"></div> &l…
16 апр '18 в 05:32
1 ответ

При вводе текста в TextField метка не плавает

Я сделал форму с компонентами Material Design. Мои плавающие надписи TextField плавают, когда автозаполнение заполняет входные данные, но не когда пользователь вводит их. function fillFields() { $("#passwordTextField").val("test"); $("#usernameTextF…
1 ответ

Синхронизация двух ящиков MDC

На моей странице есть два выдвижных ящика компонентов дизайна материала с одинаковыми предметами. Один из них является постоянным для отображения на рабочем столе / планшете, другой - скрытым / модальным для отображения на мобильных устройствах. &lt…
1 ответ

Sass - Настройка семейства шрифтов с помощью веб-компонентов материалов.

Я использую материальные веб-компоненты в своем проекте, и я хотел бы изменить семейство шрифтов. Я просматривал их документацию, и я попытался сделать это, установив переменную в моем файле sass следующим образом: $mdc-typography-font-family: Comfo…
1 ответ

Веб-дизайн материала MDCTab: не активируется взаимодействующее событие после activTab

Я использую это https://material.io/develop/web/components/tabs/tab-bar/ Сделать панель вкладок <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> <link rel="stylesheet" type="text/css" href="https://unpk…
0 ответов

Phonegap/Cordova Material Design MDC

Я попробовал этот пример, MDC для Web, но по какой-то причине он не работал. https://material.io/develop/web/docs/getting_started Я ищу учебники для начинающих по материалу (MDC) с PhoneGap/ Cordova. Спасибо
2 ответа

Материал Компонент Web - MDCTab - Как установить активную вкладку в JavaScript

У меня есть две вкладки (TAB1 и TAB2). Активная вкладка - TAB1 (mdc-tab- активная). Я хочу, чтобы активная вкладка на TAB2 с использованием JavaScript. Благодарю. Мой код: <div class='mdc-tab-bar' role='tablist' data-mdc-auto-init='MDCTabBar'>…
08 окт '18 в 08:22
2 ответа

Используйте компоненты дизайна материала с ember-cli-sass

Я пытаюсь использовать функциональность sass Material Components Web(MDC-Web) с помощью ember-cli-sass. Я установил MDC-Web с помощью пряжи В моем файле ember-cli-build.js я установил свой sass includePaths так: sassOptions: { includePaths: ['node_m…
03 янв '18 в 19:23