|
||
---|---|---|
.. | ||
demo | ||
test | ||
README.md | ||
component.js | ||
index.vue |
README.md
title | preview |
---|---|
ActionBar 操作栏 | https://didi.github.io/mand-mobile/examples/#/action-bar |
汇集若干文案或操作按钮的吸底边栏,可用于展示表单信息与提交按钮
引入
import { ActionBar } from 'mand-mobile'
Vue.component(ActionBar.name, ActionBar)
代码演示
API
ActionBar Props
属性 | 说明 | 类型 | 默认值 | 备注 |
---|---|---|---|---|
actions | 按钮组 | Array<{text, disabled, onClick}> | - | text 为按钮文案,disabled 为是否禁用改按钮,onClick 为点击事件响应函数,传参数与click 事件相同 |
has-text | 是否显示文案 | Boolean | 是否含有slot |
文案可通过slot 传入 |
ActionBar Events
@click(event, action)
按钮点击事件
属性 | 说明 | 类型 |
---|---|---|
action | actions列表中与被点击按钮对应的对象 | Object: {text, disabled, ...} |