小编Dav*_*ger的帖子

我正在做一个需要在运行时主题化的项目。因此，我创建了一个将SCSS变量与CSS变量结合在一起的主题系统。这就是它的样子。

:root {
  --primary-color: 196;
}


// Primary
$primary-100: hsl(var(--primary-color), 90%, 98%);
$primary-400: hsl(var(--primary-color), 90%, 65%);
$primary-main: hsl(var(--primary-color), 90%, 50%);
$primary-700: hsl(var(--primary-color), 90%, 30%);
$primary-900: hsl(var(--primary-color), 90%, 10%);

尽管这对于我的自定义组件非常有效，但我很难使它与Material design主题系统一起使用。

我的想法是，我将按照Angular材质文档中的说明创建主题，而不是使用静态颜色，而是使用SCSS变量。这是我的theme.scss文件的外观。

@import '~@angular/material/theming';
@import 'var.scss';

@include mat-core();

$shop-primary: (
  50: $primary-100,
  100: $primary-100,
  200: $primary-200,
  300: $primary-300,
  400: $primary-400,
 // ..... all other colors
  contrast: (
    50: $black-87-opacity,
    100: $black-87-opacity,
    200: $black-87-opacity,
     // ..... all other colors
  )
);


$shop-app-primary: mat-palette($shop-primary);
$shop-app-accent:  mat-palette($shop-primary);
$shop-app-warn: mat-palette($shop-primary);


$shop-app-theme: mat-light-theme($shop-app-primary, $shop-app-accent, $shop-app-warn);

@include …

我正在尝试获取all_msg的文本，并使用hide方法将其隐藏，然后一次以一个字母淡入淡出它的时间，这是我的代码。

var $all_msg = $('#welcome_msg');
        function animate(i) {
            $all_msg.hide();
            $all_msg.text.each(function(index) {
                $(this).delay(700 + index).fadeIn(1100);
            })
        }

这就是控制台给我的回报：

$all_msg.text.each is not a function

我是一名新编码员，如果有人可以帮助我，那将对我有很大的帮助，谢谢。