首页 文章

在角度材料中添加意图组

提问于
浏览
3

关于角度材料中的主题,存在默认意图组,即主要,重音和警告 . 而且我知道您可以使用不同的调色板修改颜色和主题 . 但我想创建另一个意图组,例如成功,这样我就可以在md-button上使用md-success类使其变为绿色 . 我该怎么做呢?

1 回答

  • 1

    虽然我看到你想要拥有一个自定义意图组的观点(我也是如此),但我相信你现在必须创建一个新的“成功”主题并配置它的主要调色板以使用你想要的颜色 .

    angular.module('myApp', ['ngMaterial'])
    .config(function($mdThemingProvider) {
       $mdThemingProvider.definePalette('mySucessPalette', {
         '50': 'ffebee',
         '100': 'ffcdd2',
         '200': 'ef9a9a',
         '300': 'e57373',
         '400': 'ef5350',
         '500': 'f44336',
         '600': 'e53935',
         '700': 'd32f2f',
         '800': 'c62828',
         '900': 'b71c1c',
         'A100': 'ff8a80',
         'A200': 'ff5252',
         'A400': 'ff1744',
         'A700': 'd50000',
         'contrastDefaultColor': 'light',    // whether, by default, text (contrast)
                                             // on this palette should be dark or light
         'contrastDarkColors': ['50', '100', //hues which contrast should be 'dark' by default
                                '200', '300', '400', 'A100'],
         'contrastLightColors': undefined    // could also specify this if default was 'dark'
       });
       $mdThemingProvider.theme('success')
          .primaryPalette('mySucessPalette')
    });
    

    那么你可以在任何合适的地方使用md-theme =“success” .

相关问题