Как добавить материальную рябь в мое приложение угловой загрузки? - PullRequest
Новая
       17

Как добавить материальную рябь в мое приложение угловой загрузки?

0 голосов
/ 27 ноября 2018

Я хотел бы использовать эффект рябь материала для кнопок.

Поэтому я добавил 

"@material/ripple": "^0.41.0"

Я добавил 

.btn {
  @include mdc-ripple-surface;
  @include mdc-ripple-radius-bounded;
  @include mdc-states;

  border-radius: 0;
  box-shadow: none;
  padding-bottom: 6px;
  padding-top: 6px;

  &[disabled] {
    background-color: $gray1 !important;
    border: 1px solid $gray4 !important;
    color: $gray10 !important;
  }
}

<button type="submit" class="btn btn-primary btn-block">Sign in</button>

Похоже на это при наведении.

enter image description here

Что может быть не так?

1 Ответ

0 голосов
/ 27 ноября 2018

Я думаю, что это естественное поведение угловых материальных кнопок.Вам не нужно устанавливать какой-либо другой модуль для этого.Простое введение Angular Material в ваше приложение и использование MatButton должно помочь.

Цвет кнопок Angular Material обычно зависит от тем.Вы можете создать свои собственные темы , чтобы настроить их.

Вот Пример StackBlitz дляВаш исх.

...