在SCSS/SASS/Angular 7中获取当前页面的背景色

在SCSS/SASS中获取当前页面的背景色，可以通过以下步骤实现：

1. 首先，需要在SCSS/SASS文件中定义一个变量来存储背景色。可以使用$background-color作为变量名。

$background-color: #ffffff; // 默认背景色为白色

1. 接下来，可以在需要获取背景色的地方使用该变量。例如，在一个元素的样式中使用背景色：

.element {
  background-color: $background-color;
}

1. 如果需要获取当前页面的背景色，可以使用Angular 7中的Renderer2服务来获取。首先，在组件的构造函数中注入Renderer2服务：

import { Component, Renderer2 } from '@angular/core';

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.scss']
})
export class ExampleComponent {
  constructor(private renderer: Renderer2) {}
}

1. 然后，在需要获取背景色的地方使用Renderer2的getStyle方法来获取当前页面的背景色。可以在ngOnInit生命周期钩子函数中获取背景色：

ngOnInit() {
  const body = this.renderer.selectRootElement('body');
  const backgroundColor = this.renderer.getStyle(body, 'background-color');
  console.log('当前页面的背景色：', backgroundColor);
}

在上述代码中，我们使用Renderer2的selectRootElement方法选择了页面的根元素（body），然后使用getStyle方法获取了根元素的背景色。

这样，我们就可以在Angular 7中获取当前页面的背景色了。

对于SCSS/SASS的概念、分类、优势、应用场景以及推荐的腾讯云相关产品和产品介绍链接地址，可以参考以下内容：

• SCSS/SASS概念：SCSS（Sassy CSS）是CSS的一种扩展语言，它允许使用变量、嵌套规则、混合（Mixin）、继承等功能，使得CSS更加灵活和易于维护。
• SCSS/SASS分类：SCSS/SASS可以分为两个版本，即SCSS和SASS。SCSS是基于CSS语法的扩展，与CSS语法非常相似，而SASS则是一种完全不同的语法，使用缩进来表示层级关系。
• SCSS/SASS优势：SCSS/SASS具有以下优势：
  • 变量：可以定义和使用变量，提高代码的可维护性和复用性。
  • 嵌套规则：可以嵌套CSS规则，减少代码的层级和重复。
  • 混合（Mixin）：可以定义和使用混合，实现代码的复用。
  • 继承：可以使用继承来减少重复的样式定义。
  • 导入：可以将多个SCSS/SASS文件导入到一个文件中，方便管理和组织代码。
• SCSS/SASS应用场景：SCSS/SASS适用于任何需要使用CSS的场景，特别适合大型项目和需要复用样式的项目。
• 腾讯云相关产品和产品介绍链接地址：腾讯云提供了云计算相关的产品和服务，例如云服务器、云数据库、云存储等。具体的产品介绍和链接地址可以参考腾讯云官方网站（https://cloud.tencent.com/）。