0.1.3 • Published 7 years ago
lm-remind v0.1.3
remind
- 作者:maqing01
- 邮箱:475986855@qq.com
- 版本:
0.1.0
介绍
用户操作提醒和确认组件
安装
lm-*
组件使用 npm
进行管理,命名空间统一为 lm-
,请使用以下命令进行组件安装。
npm i lm-remind --save
- 如果你还没有安装
npm
,可通过以下方式进行 安装。 - 安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
使用
样例文档
- 待开发
使用
最少配置参数为:
- 传入
showState
控制提示框显示隐藏 - 传入
content
或children
增加内容
<Remind showState=true content="React test app" />
或
<Remind showState=true>{children}</Remind>
配置参数
Prop | Type | Default | Description |
---|---|---|---|
showState | boolean | false | 控制提示框显示隐藏 |
opacity | number | 0.5 | 背景透明度,0-1 |
modelType | enum | Confirm | 弹框类型 Confirm、Alert、Remind |
headText | string | 标题文案 | |
headHtml | DOM | 标题DOM | |
className | string | 自定义样式名 | |
children | node | 内容子组件 | |
content | string | 内容文案 | |
btnCancelText | string | 取消 | 取消按钮文案 |
btnOkText | string | 确认 | 确认按钮文案 |
btnCancelCbFun | func | args => args | 取消函数 |
btnOkCbFun | func | args => args | 确认函数 |
dangerously | bool | false | 是否启用dangerouslySetInnerHTML |
注意事项
- 组件注意事项
开发调试
进入项目目录后,使用 node
命令启动服务
npm run start
打包发布可通过 node
命令执行
npm run build
npm publish
相关资料
Changelog
0.1.0
- init