preview

• 作者：fuhebo
• 邮箱：[email protected]
• 版本：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

相关资料

• lm 组件开发规范

Changelog

0.1.0

1. init