📌  相关文章
📜  ionic 芯片

📅  最后修改于: 2021-01-03 04:46:46             🧑  作者: Mango

离子芯片

离子芯片代表小盒子中的复杂实体，例如触点。它只是一个元素或组件，可用于在应用程序内部的某些文本系统中显示信息。这是一个漂亮的类似气泡的容器，用于容纳文本和图标。它可以包含许多不同的离子元素，例如文本，头像和图标。我们可以从以下示例中了解它。

例


  
    Ionic Chip
  

  

  
Chips Example

  
    Default

输出：

轮廓芯片

我们还可以配置离子芯片的边框。默认情况下，离子的形状为solid 。但是，可以使用outline属性进行更改。以下示例对其进行了更清晰的说明。

例


  
    Ionic Chip
  

  

  
Chips Example

  
    Default
  
  Outline Chip

输出：

执行该应用程序时，它将显示以下输出。在这里，您可以看到默认芯片和轮廓芯片之间的区别。

添加图标和头像

Ionic允许在芯片组件中添加图标和头像媒体。要在中添加图标和头像，您需要将和组件放置在中。以下示例说明了如何将图标和头像添加到芯片组件。

例


  
    Ionic Chip
  

  

  
Adding icons and Avatar

  
    
    Default
  
  
  
    Button Chip
    
  
  
  
    
    Icon Chip
    
  
  
  
    
      
    
    Avatar Chip

输出：

造型芯片

芯片组件也可以以不同的样式着色。要更改的样式，请使用color属性。以下示例说明了芯片组件内部颜色属性的用法。

例


  
    Ionic Chip
  

  

  
Styling Chip

  
    Default
  
  
  
    Secondary Label
  
  
  
    Secondary w/ Dark label
  
  
  
    Danger

输出：