ion-note

概要(CONTENTS)

Ionic4项目中我们可以使用Ionic4列表项组件ion-note对项目进行布局。ion-note中有ionic ion-note 用法(Usage) ,ionic ion-note 属性(Properties) ,ionic ion-note 中的CSS 自定义属性等

Notes are text elements generally used as subtitles that provide more information. Notes are styled to appear grey by default. Notes can be used in an item as metadata text.

ion-note 用法(Usage)

angular javascript

<ion-note>Default Noteion-note>


<ion-note color="primary">Primary Noteion-note>
<ion-note color="secondary">Secondary Noteion-note>
<ion-note color="danger">Danger Noteion-note>
<ion-note color="light">Light Noteion-note>
<ion-note color="dark">Dark Noteion-note>


<ion-list>
  <ion-item>
    <ion-label>Note (End)ion-label>
    <ion-note slot="end">Onion-note>
  ion-item>

  <ion-item>
    <ion-note slot="start">Offion-note>
    <ion-label>Note (Start)ion-label>
  ion-item>
ion-list>

<ion-note>Default Noteion-note>


<ion-note color="primary">Primary Noteion-note>
<ion-note color="secondary">Secondary Noteion-note>
<ion-note color="danger">Danger Noteion-note>
<ion-note color="light">Light Noteion-note>
<ion-note color="dark">Dark Noteion-note>


<ion-list>
  <ion-item>
    <ion-label>Note (End)ion-label>
    <ion-note slot="end">Onion-note>
  ion-item>

  <ion-item>
    <ion-note slot="start">Offion-note>
    <ion-label>Note (Start)ion-label>
  ion-item>
ion-list>

ion-note 属性(Properties)

color

Description

The color to use from your application's color palette. Default options are: "primary", "secondary", "tertiary", "success", "warning", "danger", "light", "medium", and "dark". For more information on colors, see theming.

Attribute color
Type string | undefined

mode

Description

The mode determines which platform styles to use.

Attribute mode
Type "ios" | "md"

ion-note中的CSS 自定义属性

Name Description
--color Color of the note