lm-actionsheet

actionsheet

• 作者：quying
• 邮箱：[e-mail]
• 版本：1.0.3

介绍

actionseet底部弹出动作面板

安装

lm-* 组件使用 npm 进行管理，命名空间统一为 lm-，请使用以下命令进行组件安装。

npm i lm-actionsheet --save

• 如果你还没有安装 npm，可通过以下方式进行 安装。
• 安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org

使用

样例文档

• 待开发

使用

最少配置参数为：

• 传入option增加内容

const options = {
    '选项一': ()=> console.log(1),
    '选项二': ()=> console.log(2)
}

//支持传入自定义标签
const label = <a href="http://www.baidu.com" >test</a>;

const options2 = [{
    label: label
}, {
    label: '选项一',
    callback: ()=> console.log(2)
}];

<Actionsheet 
    showState={ this.state.showState }
    options={ options }
    onDismiss={ this.onModelClick }
    onModelClick={ this.onModelClick }
/>

配置参数

Prop	Type	Default	Description
visible	bool	undefined	是否可见
options	obj	{}	选项对象列表
onDismiss	func	()=>{}	取消按钮回调
onModelClick	func	undefined	model点击回调

注意事项

• mask相关属性见lm-mask

开发调试

进入项目目录后，使用 node 命令启动服务

npm run start

打包发布可通过 node 命令执行

npm run build
npm publish

相关资料

• lm 组件开发规范

Changelog

0.1.0

1. init

0.1.1

• 增加了弹出动画
• 遮罩层由modelHOC改为lm-mask

0.2.0

• update react to version 16

1.0.0

• 主要是样式修改，包括容器的内边距, 外弧度，背景颜色等

1.0.3

• update lm-mask组件最新版本, 维护样式

---