文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
cell-swipe
可滑动的单元格,用法同 cell。
引入
import { CellSwipe } from 'mint-ui';
Vue.component(CellSwipe.name, CellSwipe);
例子
增加右滑动按钮
<mt-cell-swipe
title="标题文字"
:right="[
{
content: 'Delete',
style: { background: 'red', color: '#fff' },
handler: () => this.$messagebox('delete')
}
]"></mt-cell-swipe>
content
可以是 HTML 或者纯文本。
API
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
icon | 图标 | String | back, more | |
title | 标题 | String | ||
to | 跳转链接 | String | ||
value | 内容 | * | ||
label | 备注信息,显示在标题下方 | String | ||
is-link | 链接,会显示箭头图标。搭配 to 属性使用 | Boolean | ||
left | 按钮组, { content, style, handler } | Object[] | ||
right | 按钮组, { content, style, handler } | Object[] |
Slot
name | 描述 |
---|---|
- | 自定义显示内容 |
title | 自定义标题 |
icon | 自定义图标 |
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论