垫卡，如何更改默认填充

Question

我想更改Angular Material垫卡上的全局默认填充。

在angular.json中，我有以下规范：

 "styles": [
          "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",           
          "src/styles/app.theme.scss",
          "src/styles/styles.scss"
        ],

我在styles.scss内部进行调整

.mat-card {
    margin: 5px;
    padding: 5px;}

结果是保证金有效，而填充无效。这是devtools中的结果。我看到<style>中有一个.mat卡优先。

如何在mat-card上全局设置填充？

Answer 1

您必须确定它们的范围。 Angular将首先使用其自身组件的css。因此，如果要全局更改它们的范围，请使用“ custom”之类的任何类名。

.custom.mat-card{
  //your styles
 }

在样式表中

{{1}}

要了解更多信息，请参考angular material customozing

Answer 2

无点：.mat-card-> mat-card

async function sweetAlert(options) {
  if (options.method === 'confirm' || options.method === 'callback') {
    // await the return value here
    let result = await this.$swal({...})

    if (result.value) {
      if (options.method === 'callback') {
        let res = await options.callback(options.cValue)
        return res
      }

      // now this will return from sweetAlert()
      return true
    }
  }
}