Skip to content
项目
群组
代码片段
帮助
当前项目
正在载入...
登录 / 注册
切换导航面板
H
H5Public
项目
项目
详情
活动
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
图表
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
CI / CD
CI / CD
流水线
作业
日程
统计图
成员
成员
折叠边栏
关闭边栏
活动
图像
聊天
创建新问题
作业
提交
问题看板
Open sidebar
前端开发小组
H5Public
Commits
15344365
提交
15344365
authored
9月 19, 2019
作者:
钟是志
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
代码修改
上级
bd6a6832
隐藏空白字符变更
内嵌
并排
正在显示
1 个修改的文件
包含
35 行增加
和
0 行删除
+35
-0
index.js
baseComponents/ImageViewer/index.js
+35
-0
没有找到文件。
baseComponents/ImageViewer/index.js
0 → 100644
浏览文件 @
15344365
/**
* 图片预览组件
* https://github.com/react-ld/react-wx-images-viewer/blob/master/README-cn.md
* 钟是志
* 2019年9月18日
* 主要功能仿照微信图片浏览功能开发。支持单指左右滑动切换图片,双指拖拽放大缩小图片。
* */
import
WxImageViewer
from
'react-wx-images-viewer'
;
import
React
from
'react'
;
import
PropTypes
from
'prop-types'
;
const
ImageViewer
=
(
props
)
=>
{
return
(
<
WxImageViewer
{...
props
}
onClose
=
{
props
.
onClose
}
urls
=
{
props
.
urls
}
index
=
{
props
.
index
}
/
>
)
};
ImageViewer
.
propTypes
=
{
onClose
:
PropTypes
.
func
.
isRequired
,
//关闭回调函数
urls
:
PropTypes
.
array
.
isRequired
,
// 图片地址数组
index
:
PropTypes
.
number
,
// 初始图片显示序号.
};
ImageViewer
.
defaultProps
=
{
urls
:
[],
index
:
0
,
};
export
default
ImageViewer
;
编写
预览
Markdown
格式
0%
重试
或
添加新文件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
请先完成此评论的编辑!
取消
请
注册
或者
登录
后发表评论