0.1.4 • Published 6 years ago
lm-preview v0.1.4
preview
- 作者:fuhebo
- 邮箱:fuhebo@58ganji.com
- 版本:
0.1.0
介绍
文件预览组件
安装
lm-*
组件使用 npm
进行管理,命名空间统一为 lm-
,请使用以下命令进行组件安装。
npm i lm-preview --save
- 如果你还没有安装
npm
,可通过以下方式进行 安装。 - 安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
使用
样例文档
- 待开发
使用
最少配置参数为:
- 传入
fileURI
增加内容
<Preview fileURI="https://pic1.58cdn.com.cn/58_loan/xfd_user/big/n_v1bl2lwto7xwxfqlfxsvwq.jpg"} />
配置参数
Prop | Type | Default | Description |
---|---|---|---|
opacity | number | 5 | 背景透明度 |
showState | bool | false | 是否显示遮罩层 |
canDelete | bool | true | 是否展示删除按钮 |
onModelClick | func | undefined | 点击遮罩层的回调函数 |
onDeleteClick | func | ()=> {} | 点击删除按钮时的回调 |
className | string | undefined | 自定义类名称 |
fileURI | string | undefined | 图片文件url |
注意事项
- 组件注意事项
开发调试
进入项目目录后,使用 node
命令启动服务
npm run start
打包发布可通过 node
命令执行
npm run build
npm publish
相关资料
Changelog
0.1.0
- init