mand-mobile/components/action-bar
moyus 632cc0c991 test: Improve unit test cases 2018-04-23 17:33:32 +08:00
..
demo Initial commit 2018-03-26 16:04:04 +08:00
test test: Improve unit test cases 2018-04-23 17:33:32 +08:00
README.md doc(readme): adjust the example path for each component in its readme doc. 2018-03-29 14:56:07 +08:00
component.js Initial commit 2018-03-26 16:04:04 +08:00
index.vue Initial commit 2018-03-26 16:04:04 +08:00

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, ...}