首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >角度材质主题不起作用

角度材质主题不起作用
EN

Stack Overflow用户
提问于 2017-12-14 18:41:09
回答 0查看 1.7K关注 0票数 0

在配置块中,我有:

代码语言:javascript
复制
 .config(['$urlRouterProvider', '$stateProvider', '$locationProvider', '$mdThemingProvider', function ($urlRouterProvider, $stateProvider, $locationProvider, $mdThemingProvider) {


    $locationProvider.html5Mode(true);

    $urlRouterProvider.otherwise('/');

    $mdThemingProvider.theme('altTheme')
      .primaryPalette('pink', {
        'default': '400', // by default use shade 400 from the pink palette for primary intentions
        'hue-1': '100', // use shade 100 for the <code>md-hue-1</code> class
        'hue-2': '600', // use shade 600 for the <code>md-hue-2</code> class
        'hue-3': 'A100' // use shade A100 for the <code>md-hue-3</code> class
      })
      .accentPalette('purple', {
        'default': '200' // use shade 200 for default, and keep all other shades the same
      });

    $mdThemingProvider.setDefaultTheme('altTheme');
    $mdThemingProvider.alwaysWatchTheme(true);

在HTML中:

代码语言:javascript
复制
<header>
  <md-toolbar class="md-hue-1">
    <div layout="row" layout-align="center center" flex>
      Beauty Plus Marketing
    </div>
  </md-toolbar>
</header>

但是,没有应用任何背景。

下面是我在浏览器中看到的样式:

代码语言:javascript
复制
    md-toolbar.md-altTheme-theme.md-hue-1:not(.md-menu-toolbar) {
    background-color: rgb(248,187,208);
    color: rgba(0,0,0,0.87);
}

<style>…</style>
md-toolbar.md-altTheme-theme:not(.md-menu-toolbar) {
    background-color: rgb(236,64,122);
    color: rgba(255,255,255,0.87);
}

我使用bower安装了angular-material,但我没有看到主题工作的CSS部分,here.Am,我在这里做错了什么吗?

EN

回答

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/47811351

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档