popup

• 作者：quying
• 邮箱：[email protected]
• 版本：1.0.6

介绍

底部弹出框

安装

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

npm i lm-popup --save

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

使用

样例文档

• 待开发

使用

最少配置参数为：

• picker和content属性二选一

<Popup
    title="选择"
    content="content"
    visible={ this.props.visible }
    onDismiss = { this.onDismess }
    onOk={ this.onOk }
    okText="确定"
    dismissText="取消"
/>

配置参数

Popup

| Prop | Type | Default | Description | | ---- |:----:|:-------:| :----------:| | className | string | undefined | 类名 | | style | obj | undefined | 样式 | | visible | bool | false | 是否展示 | | opacity | number | 0.3 | 遮罩透明度0-1 | | title | string | undefined | 弹窗标题 | | content | element/string | undefined | 内容 | | picker | element | undefined | 选择器 | | okText | string | undefined | 确定文案（右侧） | | dismissText | string | undefined | 取消文案（左侧） | | onOk | function | (selectedValue)=>{} | 确定按钮回调 | | onDismiss | function | ()=>{} | 取消按钮回调 |

注意事项

• mask相关属性见lm-mask

开发调试

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

npm run start

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

npm run build
npm publish

相关资料

• lm 组件开发规范

Changelog

0.1.0

• init

0.1.1

• modify reade.me

0.1.2

• use lm-mask instead of lm-model
• add animation

0.1.3

• onOK() & onDismiss() stopPropagation

0.1.4

• add okText & dismissText prop
• stop click propagation

0.1.5

• fix HUAWEI can't scroll bug

0.1.6

• modify portal param: alwaysAppend

0.1.7

• support not send okText and dismissText and title fileds

0.1.8

• optimize content.header

0.1.9

• fix mask default opacity bug

0.2.0

• upgrade to React 16

0.2.1

• updata lm-mask & fix can't scroll bug

1.0.0

• update css

1.0.2

• update dependency

1.0.3

• update css

1.0.4

• update css

1.0.5

• add new type

1.0.6

• modify okText