Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
genary
uni-app
提交
0fb61a2e
U
uni-app
项目概览
genary
/
uni-app
与 Fork 源项目一致
Fork自
DCloud / uni-app
通知
1
Star
1
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
1
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
1
Issue
1
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
0fb61a2e
编写于
4月 20, 2021
作者:
Q
qiang
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix: image load
上级
c694bc4c
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
13 addition
and
4 deletion
+13
-4
packages/uni-components/src/components/image/index.tsx
packages/uni-components/src/components/image/index.tsx
+9
-2
packages/uni-h5/dist/uni-h5.esm.js
packages/uni-h5/dist/uni-h5.esm.js
+4
-2
未找到文件。
packages/uni-components/src/components/image/index.tsx
浏览文件 @
0fb61a2e
...
@@ -106,7 +106,7 @@ function useImageState(rootRef: Ref<HTMLElement | null>, props: ImageProps) {
...
@@ -106,7 +106,7 @@ function useImageState(rootRef: Ref<HTMLElement | null>, props: ImageProps) {
})
})
const
state
=
reactive
({
const
state
=
reactive
({
rootEl
:
rootRef
,
rootEl
:
rootRef
,
src
:
computed
(()
=>
getRealPath
(
props
.
src
)),
src
:
computed
(()
=>
(
props
.
src
?
getRealPath
(
props
.
src
)
:
''
)),
origWidth
:
0
,
origWidth
:
0
,
origHeight
:
0
,
origHeight
:
0
,
origStyle
:
{
width
:
''
,
height
:
''
},
origStyle
:
{
width
:
''
,
height
:
''
},
...
@@ -138,7 +138,11 @@ function useImageLoader(
...
@@ -138,7 +138,11 @@ function useImageLoader(
const
loadImage
=
(
src
:
string
)
=>
{
const
loadImage
=
(
src
:
string
)
=>
{
if
(
!
src
)
{
if
(
!
src
)
{
resetImage
()
resetImage
()
resetSize
()
state
.
origWidth
=
0
state
.
origHeight
=
0
state
.
imgSrc
=
''
// 与微信小程序保持一致,保留之前样式
// resetSize()
return
return
}
}
if
(
!
img
)
{
if
(
!
img
)
{
...
@@ -215,6 +219,9 @@ function useImageSize(
...
@@ -215,6 +219,9 @@ function useImageSize(
rootEl
.
style
[
names
[
1
]
as
'
height
'
|
'
width
'
]
=
rootEl
.
style
[
names
[
1
]
as
'
height
'
|
'
width
'
]
=
fixNumber
(
value
/
ratio
)
+
'
px
'
fixNumber
(
value
/
ratio
)
+
'
px
'
}
}
if
(
__PLATFORM__
===
'
app
'
)
{
window
.
dispatchEvent
(
new
CustomEvent
(
'
updateview
'
))
}
}
}
const
resetSize
=
()
=>
{
const
resetSize
=
()
=>
{
const
{
style
}
=
rootRef
.
value
!
const
{
style
}
=
rootRef
.
value
!
...
...
packages/uni-h5/dist/uni-h5.esm.js
浏览文件 @
0fb61a2e
...
@@ -5908,7 +5908,7 @@ function useImageState(rootRef, props2) {
...
@@ -5908,7 +5908,7 @@ function useImageState(rootRef, props2) {
});
});
const
state
=
reactive
({
const
state
=
reactive
({
rootEl
:
rootRef
,
rootEl
:
rootRef
,
src
:
computed
(()
=>
getRealPath
(
props2
.
src
)
),
src
:
computed
(()
=>
props2
.
src
?
getRealPath
(
props2
.
src
)
:
""
),
origWidth
:
0
,
origWidth
:
0
,
origHeight
:
0
,
origHeight
:
0
,
origStyle
:
{
origStyle
:
{
...
@@ -5935,7 +5935,9 @@ function useImageLoader(state, {
...
@@ -5935,7 +5935,9 @@ function useImageLoader(state, {
const
loadImage
=
(
src
)
=>
{
const
loadImage
=
(
src
)
=>
{
if
(
!
src
)
{
if
(
!
src
)
{
resetImage
();
resetImage
();
resetSize
();
state
.
origWidth
=
0
;
state
.
origHeight
=
0
;
state
.
imgSrc
=
""
;
return
;
return
;
}
}
if
(
!
img
)
{
if
(
!
img
)
{
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录