lm-popup

1.0.6 • Public • Published

popup

  • 作者:quying
  • 邮箱:qy9404@163.com
  • 版本: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 ()=>{} 取消按钮回调

注意事项

开发调试

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

npm run start

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

npm run build
npm publish

相关资料

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

Package Sidebar

Install

npm i lm-popup

Weekly Downloads

2

Version

1.0.6

License

none

Unpacked Size

29.4 kB

Total Files

9

Last publish

Collaborators

  • davidfeng
  • lizhenjiang01
  • sherry.cao
  • yingq