Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
uni-app
提交
956116eb
U
uni-app
项目概览
DCloud
/
uni-app
2 个月 前同步成功
通知
715
Star
38705
Fork
3642
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
7
列表
看板
标记
里程碑
合并请求
1
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
7
Issue
7
列表
看板
标记
里程碑
合并请求
1
合并请求
1
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
956116eb
编写于
9月 19, 2022
作者:
D
DCloud_LXH
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
feat(h5): previewImage add close btn and add navigation
上级
5e8e5c69
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
21 addition
and
0 deletion
+21
-0
packages/uni-h5/src/service/api/media/previewImage/ImagePreview.tsx
...ni-h5/src/service/api/media/previewImage/ImagePreview.tsx
+21
-0
未找到文件。
packages/uni-h5/src/service/api/media/previewImage/ImagePreview.tsx
浏览文件 @
956116eb
...
...
@@ -7,10 +7,12 @@ import {
watch
,
nextTick
,
}
from
'
vue
'
import
{
StyleValue
}
from
'
@vue/runtime-dom
'
import
{
defineSystemComponent
}
from
'
@dcloudio/uni-components
'
import
{
Swiper
,
SwiperItem
}
from
'
@dcloudio/uni-components
'
import
{
usePreventScroll
}
from
'
../../../../helpers/usePreventScroll
'
import
ImageView
from
'
./ImageView
'
import
{
createSvgIconVNode
,
ICON_PATH_CLOSE
}
from
'
@dcloudio/uni-core
'
const
props
=
{
urls
:
{
...
...
@@ -82,6 +84,21 @@ export default /*#__PURE__*/ defineSystemComponent({
indexRef
.
value
=
event
.
detail
.
current
}
const
closeBtnStyle
:
StyleValue
=
{
position
:
'
absolute
'
,
'
box-sizing
'
:
'
border-box
'
,
top
:
'
0
'
,
left
:
'
0
'
,
width
:
'
60px
'
,
height
:
'
44px
'
,
padding
:
'
6px
'
,
'
line-height
'
:
'
32px
'
,
'
font-size
'
:
'
26px
'
,
color
:
'
white
'
,
'
text-align
'
:
'
center
'
,
cursor
:
'
pointer
'
,
}
return
()
=>
{
return
(
<
div
...
...
@@ -99,6 +116,7 @@ export default /*#__PURE__*/ defineSystemComponent({
onClick
=
{
onClick
}
>
<
Swiper
navigation
=
"auto"
current
=
{
indexRef
.
value
}
// @ts-ignore
onChange
=
{
onChange
}
...
...
@@ -118,6 +136,9 @@ export default /*#__PURE__*/ defineSystemComponent({
</
SwiperItem
>
))
}
</
Swiper
>
<
div
style
=
{
closeBtnStyle
}
>
{
createSvgIconVNode
(
ICON_PATH_CLOSE
,
'
#ffffff
'
,
26
)
}
</
div
>
</
div
>
)
}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录