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