是否可以全局定义 ion-item 属性？

Question

我正在使用 Ionic 框架，我想知道是否可以为 ion-item 元素定义全局选项。

在 .html 个文件中我得到了

<ion-item lines="none"></ion-item>

我希望每个 ion-item 都有 "lines=nones"。有没有办法在全球范围内定义它，以便我只能使用：

<ion-item></ion-item>

Answer 1

一种实现方法是在 variables.scss 文件中添加以下内容：

ion-item {
  --inner-border-width: 0px;
}

虽然说实话，如果将来你想显示一个带线条的 ion-item 可能很难 remember/debug 为什么在添加 <ion-item></ion-item> 时不显示这些线条到视图。

因此，如果唯一的区别是一个属性，我想最好是明确说明并在每个 ion-item 上添加 lines="none"，而不用线条显示。

<ion-item lines="none"></ion-item>
<ion-item lines="none"></ion-item>
...
<ion-item></ion-item>
<ion-item></ion-item>

Is it possible to defined ion-item attributes globally?