离子清单
列表由多行项目组成,可以包含文本,按钮,切换,图标,缩略图等等。列表通常包含具有类似数据内容的项目,例如图像和文本。
列出支持多个交互,包括刷新项目以显示选项,拖动以重新排序列表中的项目,并删除项目。
用法
<! - 文本项目列表 - >
<
离子清单
>
<
离子项目
>
<
离子标签
>
神奇宝贝黄色
离子标签
>
离子项目
>
<
离子项目
>
<
离子标签
>
梅格曼X.
离子标签
>
离子项目
>
<
离子项目
>
<
离子标签
>
塞尔达的传说
离子标签
>
离子项目
>
<
离子项目
>
<
离子标签
>
Pac-Man
离子标签
>
离子项目
>
<
离子项目
>
<
离子标签
>
超级马里奥世界
离子标签
>
离子项目
>
离子清单
>
<! - 输入项目列表 - >
<
离子清单
>
<
离子项目
>
<
离子标签
>
输入
离子标签
>
<
离子输入
>
离子输入
>
离子项目
>
<
离子项目
>
<
离子标签
>
拨动
离子标签
>
<
离子切换
投币口
=
“
结尾
“
>
离子切换
>
离子项目
>
<
离子项目
>
<
离子标签
>
收音机
离子标签
>
<
离子无线电
投币口
=
“
结尾
“
>
离子无线电
>
离子项目
>
<
离子项目
>
<
离子标签
>
复选框
离子标签
>
<
离子复选框
投币口
=
“
开始
“
>
离子复选框
>
离子项目
>
离子清单
>
<! - 滑动项目列表 - >
<
离子清单
>
<
离子物品滑动
>
<
离子项目
>
<
离子标签
>
物品
离子标签
>
离子项目
>
<
离子物品选项
边
=
“
结尾
“
>
<
离子项目 - 选项
(点击)
=
“
未读(项目)
“
>
违背
离子项目 - 选项
>
离子物品选项
>
离子物品滑动
>
<
离子物品滑动
>
<
离子项目
>
<
离子标签
>
物品
离子标签
>
离子项目
>
<
离子物品选项
边
=
“
结尾
“
>
<
离子项目 - 选项
(点击)
=
“
未读(项目)
“
>
违背
离子项目 - 选项
>
离子物品选项
>
离子物品滑动
>
离子清单
>
复制
复制
<! - 文本项目列表 - >
<
离子清单
>
<
离子项目
>
<
离子标签
>
神奇宝贝黄色
离子标签
>
离子项目
>
<
离子项目
>
<
离子标签
>
梅格曼X.
离子标签
>
离子项目
>
<
离子项目
>
<
离子标签
>
塞尔达的传说
离子标签
>
离子项目
>
<
离子项目
>
<
离子标签
>
Pac-Man
离子标签
>
离子项目
>
<
离子项目
>
<
离子标签
>
超级马里奥世界
离子标签
>
离子项目
>
离子清单
>
<! - 输入项目列表 - >
<
离子清单
>
<
离子项目
>
<
离子标签
>
输入
离子标签
>
<
离子输入
>
离子输入
>
离子项目
>
<
离子项目
>
<
离子标签
>
拨动
离子标签
>
<
离子切换
投币口
=
“
结尾
“
>
离子切换
>
离子项目
>
<
离子项目
>
<
离子标签
>
收音机
离子标签
>
<
离子无线电
投币口
=
“
结尾
“
>
离子无线电
>
离子项目
>
<
离子项目
>
<
离子标签
>
复选框
离子标签
>
<
离子复选框
投币口
=
“
开始
“
>
离子复选框
>
离子项目
>
离子清单
>
<! - 滑动项目列表 - >
<
离子清单
>
<
离子物品滑动
>
<
离子项目
>
<
离子标签
>
物品
离子标签
>
离子项目
>
<
离子物品选项
边
=
“
结尾
“
>
<
离子项目 - 选项
onclick.
=
“
未读(项目)
“
>
违背
离子项目 - 选项
>
离子物品选项
>
离子物品滑动
>
<
离子物品滑动
>
<
离子项目
>
<
离子标签
>
物品
离子标签
>
离子项目
>
<
离子物品选项
边
=
“
结尾
“
>
<
离子项目 - 选项
onclick.
=
“
未读(项目)
“
>
违背
离子项目 - 选项
>
离子物品选项
>
离子物品滑动
>
离子清单
>
复制
复制
进口
反应
从
'反应'
;
进口
{
离子列表
那
IoniTem.
那
Ionlabel.
那
离子税务
那
离子
那
Ionradio
那
IonCheckbox.
那
IonItemsliding.
那
IonItemOption.
那
IonItemOptions.
那
离子联系
}
从
'@betway东盟体育app离子/反应'
;
出口
Const.
listExample.
:
反应
。
FC.
=
(
的)
=>
(
<
离子联系
>
{
/ * - 文本项目列表 - * /
}
<
离子列表
>
<
IoniTem.
>
<
Ionlabel.
>
神奇宝贝黄色
Ionlabel.
>
IoniTem.
>
<
IoniTem.
>
<
Ionlabel.
>
梅格曼X.
Ionlabel.
>
IoniTem.
>
<
IoniTem.
>
<
Ionlabel.
>
塞尔达的传说
Ionlabel.
>
IoniTem.
>
<
IoniTem.
>
<
Ionlabel.
>
Pac-Man
Ionlabel.
>
IoniTem.
>
<
IoniTem.
>
<
Ionlabel.
>
超级马里奥世界
Ionlabel.
>
IoniTem.
>
离子列表
>
{
/ * - 输入项目列表 - * /
}
<
离子列表
>
<
IoniTem.
>
<
Ionlabel.
>
输入
Ionlabel.
>
<
离子税务
>
离子税务
>
IoniTem.
>
<
IoniTem.
>
<
Ionlabel.
>
拨动
Ionlabel.
>
<
离子
投币口
=
“
结尾
“
>
离子
>
IoniTem.
>
<
IoniTem.
>
<
Ionlabel.
>
收音机
Ionlabel.
>
<
Ionradio
投币口
=
“
结尾
“
>
Ionradio
>
IoniTem.
>
<
IoniTem.
>
<
Ionlabel.
>
复选框
Ionlabel.
>
<
IonCheckbox.
投币口
=
“
开始
“
/>
IoniTem.
>
离子列表
>
{
/ * - 滑动项目列表 - * /
}
<
离子列表
>
<
IonItemsliding.
>
<
IoniTem.
>
<
Ionlabel.
>
物品
Ionlabel.
>
IoniTem.
>
<
IonItemOptions.
边
=
“
结尾
“
>
<
IonItemOption.
onclick.
=
{
(
的)
=>
{
}
}
>
违背
IonItemOption.
>
IonItemOptions.
>
IonItemsliding.
>
<
IonItemsliding.
>
<
IoniTem.
>
<
Ionlabel.
>
物品
Ionlabel.
>
IoniTem.
>
<
IonItemOptions.
边
=
“
结尾
“
>
<
IonItemOption.
onclick.
=
{
(
的)
=>
{
}
}
>
违背
IonItemOption.
>
IonItemOptions.
>
IonItemsliding.
>
离子列表
>
离子联系
>
的)
;
复制
复制
进口
{
零件
那
H
}
从
'@模板/核心'
;
@
零件
(
{
标签
:
'列表 - 示例'
那
styleurl.
:
'list-example.css'
}
的)
出口
班级
listExample.
{
违背
(
EV.
:
事件
的)
{
安慰
。
日志
(
'item是未读'
那
EV.
的)
;
}
使成为
(
的)
{
返回
[
//文本项目列表
<
离子清单
>
<
离子项目
>
<
离子标签
>
神奇宝贝黄色
离子标签
>
离子项目
>
<
离子项目
>
<
离子标签
>
梅格曼X.
离子标签
>
离子项目
>
<
离子项目
>
<
离子标签
>
塞尔达的传说
离子标签
>
离子项目
>
<
离子项目
>
<
离子标签
>
Pac-Man
离子标签
>
离子项目
>
<
离子项目
>
<
离子标签
>
超级马里奥世界
离子标签
>
离子项目
>
离子清单
>
那
//输入项目列表
<
离子清单
>
<
离子项目
>
<
离子标签
>
输入
离子标签
>
<
离子输入
>
离子输入
>
离子项目
>
<
离子项目
>
<
离子标签
>
拨动
离子标签
>
<
离子切换
投币口
=
“
结尾
“
>
离子切换
>
离子项目
>
<
离子项目
>
<
离子标签
>
收音机
离子标签
>
<
离子无线电
投币口
=
“
结尾
“
>
离子无线电
>
离子项目
>
<
离子项目
>
<
离子标签
>
复选框
离子标签
>
<
离子复选框
投币口
=
“
开始
“
>
离子复选框
>
离子项目
>
离子清单
>
那
//滑动项目列表
<
离子清单
>
<
离子物品滑动
>
<
离子项目
>
<
离子标签
>
物品
离子标签
>
离子项目
>
<
离子物品选项
边
=
“
结尾
“
>
<
离子项目 - 选项
onclick.
=
{
(
EV.
的)
=>
这
。
违背
(
EV.
的)
}
>
违背
离子项目 - 选项
>
离子物品选项
>
离子物品滑动
>
<
离子物品滑动
>
<
离子项目
>
<
离子标签
>
物品
离子标签
>
离子项目
>
<
离子物品选项
边
=
“
结尾
“
>
<
离子项目 - 选项
onclick.
=
{
(
EV.
的)
=>
这
。
违背
(
EV.
的)
}
>
违背
离子项目 - 选项
>
离子物品选项
>
离子物品滑动
>
离子清单
>
]
;
}
}
复制
复制
<
模板
>
<! - 文本项目列表 - >
<
离子清单
>
<
离子项目
>
<
离子标签
>
神奇宝贝黄色
离子标签
>
离子项目
>
<
离子项目
>
<
离子标签
>
梅格曼X.
离子标签
>
离子项目
>
<
离子项目
>
<
离子标签
>
塞尔达的传说
离子标签
>
离子项目
>
<
离子项目
>
<
离子标签
>
Pac-Man
离子标签
>
离子项目
>
<
离子项目
>
<
离子标签
>
超级马里奥世界
离子标签
>
离子项目
>
离子清单
>
<! - 输入项目列表 - >
<
离子清单
>
<
离子项目
>
<
离子标签
>
输入
离子标签
>
<
离子输入
>
离子输入
>
离子项目
>
<
离子项目
>
<
离子标签
>
拨动
离子标签
>
<
离子切换
投币口
=
“
结尾
“
>
离子切换
>
离子项目
>
<
离子项目
>
<
离子标签
>
收音机
离子标签
>
<
离子无线电
投币口
=
“
结尾
“
>
离子无线电
>
离子项目
>
<
离子项目
>
<
离子标签
>
复选框
离子标签
>
<
离子复选框
投币口
=
“
开始
“
>
离子复选框
>
离子项目
>
离子清单
>
<! - 滑动项目列表 - >
<
离子清单
>
<
离子物品滑动
>
<
离子项目
>
<
离子标签
>
物品
离子标签
>
离子项目
>
<
离子物品选项
边
=
“
结尾
“
>
<
离子项目 - 选项
@点击
=
“
未读(项目)
“
>
违背
离子项目 - 选项
>
离子物品选项
>
离子物品滑动
>
<
离子物品滑动
>
<
离子项目
>
<
离子标签
>
物品
离子标签
>
离子项目
>
<
离子物品选项
边
=
“
结尾
“
>
<
离子项目 - 选项
@点击
=
“
未读(项目)
“
>
违背
离子项目 - 选项
>
离子物品选项
>
离子物品滑动
>
离子清单
>
模板
>
<
脚本
>
进口
{
IonCheckbox.
那
离子税务
那
IoniTem.
那
IonItemOption.
那
IonItemOptions.
那
IonItemsliding.
那
离子列表
那
Ionlabel.
那
Ionradio
那
离子
}
从
'@betway东盟体育app ionic / vue'
;
进口
{
绝缘组分
}
从
'vue'
;
出口
默认
绝缘组分
(
{
成分
:
{
IonCheckbox.
那
离子税务
那
IoniTem.
那
IonItemOption.
那
IonItemOptions.
那
IonItemsliding.
那
离子列表
那
Ionlabel.
那
Ionradio
那
离子
}
}
的)
;
脚本
>
复制
复制
特性
插入 |
|
---|---|
描述 |
如果 |
属性 |
插入 |
类型 |
布尔 |
默认 |
错误的 |
行 |
|
描述 |
如何在所有项目上显示底部边框。 |
属性 |
行 |
类型 |
“满”|“插图”|“没有”|不明确的 |
模式 |
|
描述 |
该模式确定要使用的平台样式。 |
属性 |
模式 |
类型 |
“ios”|“MD” |
方法
ClosesLivideMs. |
|
---|---|
描述 |
如果 回报 |
签名 |
ClosesLivingItems()=> promise |