ion-note
Notes是文本元素,通常用作提供更多信息的字幕。默认情况下,笔记样式为灰色。Notes可以作为元数据文本在项目中使用。
使用
<!——默认值——>
<
ion-note
>
默认的注意
ion-note
>
<!——注意颜色——>
<
ion-note
颜色
=
"
主
"
>
主要注意
ion-note
>
<
ion-note
颜色
=
"
二次
"
>
二次注
ion-note
>
<
ion-note
颜色
=
"
危险
"
>
注意危险
ion-note
>
<
ion-note
颜色
=
"
光
"
>
光注
ion-note
>
<
ion-note
颜色
=
"
黑暗
"
>
黑暗的注意
ion-note
>
<!——Notes in a List
<
ion-list
>
<
ion-item
>
<
ion-label
>
注意(结束)
ion-label
>
<
ion-note
槽
=
"
结束
"
>
在
ion-note
>
ion-item
>
<
ion-item
>
<
ion-note
槽
=
"
开始
"
>
从
ion-note
>
<
ion-label
>
注意(启动)
ion-label
>
ion-item
>
ion-list
>
复制
复制
<!——默认值——>
<
ion-note
>
默认的注意
ion-note
>
<!——注意颜色——>
<
ion-note
颜色
=
"
主
"
>
主要注意
ion-note
>
<
ion-note
颜色
=
"
二次
"
>
二次注
ion-note
>
<
ion-note
颜色
=
"
危险
"
>
注意危险
ion-note
>
<
ion-note
颜色
=
"
光
"
>
光注
ion-note
>
<
ion-note
颜色
=
"
黑暗
"
>
黑暗的注意
ion-note
>
<!——Notes in a List
<
ion-list
>
<
ion-item
>
<
ion-label
>
注意(结束)
ion-label
>
<
ion-note
槽
=
"
结束
"
>
在
ion-note
>
ion-item
>
<
ion-item
>
<
ion-note
槽
=
"
开始
"
>
从
ion-note
>
<
ion-label
>
注意(启动)
ion-label
>
ion-item
>
ion-list
>
复制
复制
进口
反应
从
“反应”
;
进口
{
IonNote
,
IonList
,
IonItem
,
IonLabel
,
IonContent
}
从
“@betway东盟体育appionic /反应”
;
出口
常量
NoteExample
:
反应
.
足球俱乐部
=
(
)
=>
(
<
IonContent
>
{
/*——Default Note——*/
}
<
IonNote
>
默认的注意
IonNote
>
<
br
/>
{
/*——注意颜色——*/
}
<
IonNote
颜色
=
"
主
"
>
主要注意
IonNote
>
<
br
/>
<
IonNote
颜色
=
"
二次
"
>
二次注
IonNote
>
<
br
/>
<
IonNote
颜色
=
"
危险
"
>
注意危险
IonNote
>
<
br
/>
<
IonNote
颜色
=
"
光
"
>
光注
IonNote
>
<
br
/>
<
IonNote
颜色
=
"
黑暗
"
>
黑暗的注意
IonNote
>
<
br
/>
{
/*——列表中的注释——*/
}
<
IonList
>
<
IonItem
>
<
IonLabel
>
注意(结束)
IonLabel
>
<
IonNote
槽
=
"
结束
"
>
在
IonNote
>
IonItem
>
<
IonItem
>
<
IonNote
槽
=
"
开始
"
>
从
IonNote
>
<
IonLabel
>
注意(启动)
IonLabel
>
IonItem
>
IonList
>
IonContent
>
)
;
复制
复制
进口
{
组件
,
h
}
从
“@stencil /核心”
;
@
组件
(
{
标签
:
“note-example”
,
styleUrl
:
“note-example.css”
}
)
出口
类
NoteExample
{
渲染
(
)
{
返回
[
/ /默认的注意
<
ion-note
>
默认的注意
ion-note
>
,
/ /注意颜色
<
ion-note
颜色
=
"
主
"
>
主要注意
ion-note
>
,
<
ion-note
颜色
=
"
二次
"
>
二次注
ion-note
>
,
<
ion-note
颜色
=
"
危险
"
>
注意危险
ion-note
>
,
<
ion-note
颜色
=
"
光
"
>
光注
ion-note
>
,
<
ion-note
颜色
=
"
黑暗
"
>
黑暗的注意
ion-note
>
,
//列表中的注释
<
ion-list
>
<
ion-item
>
<
ion-label
>
注意(结束)
ion-label
>
<
ion-note
槽
=
"
结束
"
>
在
ion-note
>
ion-item
>
<
ion-item
>
<
ion-note
槽
=
"
开始
"
>
从
ion-note
>
<
ion-label
>
注意(启动)
ion-label
>
ion-item
>
ion-list
>
]
;
}
}
复制
复制
<
模板
>
<!——默认值——>
<
ion-note
>
默认的注意
ion-note
>
<!——注意颜色——>
<
ion-note
颜色
=
"
主
"
>
主要注意
ion-note
>
<
ion-note
颜色
=
"
二次
"
>
二次注
ion-note
>
<
ion-note
颜色
=
"
危险
"
>
注意危险
ion-note
>
<
ion-note
颜色
=
"
光
"
>
光注
ion-note
>
<
ion-note
颜色
=
"
黑暗
"
>
黑暗的注意
ion-note
>
<!——Notes in a List
<
ion-list
>
<
ion-item
>
<
ion-label
>
注意(结束)
ion-label
>
<
ion-note
槽
=
"
结束
"
>
在
ion-note
>
ion-item
>
<
ion-item
>
<
ion-note
槽
=
"
开始
"
>
从
ion-note
>
<
ion-label
>
注意(启动)
ion-label
>
ion-item
>
ion-list
>
模板
>
<
脚本
>
进口
{
IonItem
,
IonLabel
,
IonList
,
IonNote
}
从
“@betway东盟体育appionic / vue”
;
进口
{
defineComponent
}
从
“vue”
;
出口
默认的
defineComponent
(
{
组件
:
{
IonItem
,
IonLabel
,
IonList
,
IonNote
}
}
)
;
脚本
>
复制
复制
属性
颜色 |
|
---|---|
描述 |
应用程序调色板中要使用的颜色。默认的选项是: |
属性 |
颜色 |
类型 |
字符串|未定义 |
模式 |
|
描述 |
模式决定使用哪种平台样式。 |
属性 |
模式 |
类型 |
“ios”|“医学博士” |
CSS自定义属性
的名字 | 描述 |
---|---|
——颜色 |
钞票的颜色 |