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

Question

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

在我得到的 .html 文件中

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

我希望每个离子项目都有“lines=nones”。有没有办法在全局范围内定义它，以便我只能使用：

<ion-item></ion-item>

Answer 1

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

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

虽然老实说，如果将来您想显示ion-item带有线条的线条，可能很难记住/调试为什么在向<ion-item></ion-item>视图中添加线条时不显示线条。

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

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