Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
uni-app
提交
d8d77c79
U
uni-app
项目概览
DCloud
/
uni-app
2 个月 前同步成功
通知
717
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,发现更多精彩内容 >>
提交
d8d77c79
编写于
2月 09, 2022
作者:
Q
qiang
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix: image mode=heightFix (question/135134)
上级
692cf5ad
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
10 addition
and
6 deletion
+10
-6
packages/uni-components/src/vue/image/index.tsx
packages/uni-components/src/vue/image/index.tsx
+10
-6
未找到文件。
packages/uni-components/src/vue/image/index.tsx
浏览文件 @
d8d77c79
...
...
@@ -35,10 +35,15 @@ const props = {
type
ImageProps
=
ExtractPropTypes
<
typeof
props
>
type
ImageState
=
ReturnType
<
typeof
useImageState
>
type
FixSize
=
ReturnType
<
typeof
useImageSize
>
[
'
fixSize
'
]
type
FixMode
=
[
'
offsetWidth
'
|
'
offsetHeight
'
,
'
height
'
|
'
width
'
,
(
value
:
number
,
ratio
:
number
)
=>
number
]
const
FIX_MODES
=
{
widthFix
:
[
'
offsetWidth
'
,
'
height
'
],
heightFix
:
[
'
offsetHeight
'
,
'
width
'
],
const
FIX_MODES
:
Record
<
string
,
FixMode
>
=
{
widthFix
:
[
'
offsetWidth
'
,
'
height
'
,
(
value
,
ratio
)
=>
value
/
ratio
],
heightFix
:
[
'
offsetHeight
'
,
'
width
'
,
(
value
,
ratio
)
=>
value
*
ratio
],
}
const
IMAGE_MODES
=
{
aspectFit
:
[
'
center center
'
,
'
contain
'
],
...
...
@@ -209,10 +214,9 @@ function useImageSize(
return
}
const
rootEl
=
rootRef
.
value
!
const
value
=
rootEl
[
names
[
0
]
as
'
offsetWidth
'
|
'
offsetHeight
'
]
const
value
=
rootEl
[
names
[
0
]]
if
(
value
)
{
rootEl
.
style
[
names
[
1
]
as
'
height
'
|
'
width
'
]
=
fixNumber
(
value
/
ratio
)
+
'
px
'
rootEl
.
style
[
names
[
1
]]
=
fixNumber
(
names
[
2
](
value
,
ratio
))
+
'
px
'
}
if
(
__PLATFORM__
===
'
app
'
)
{
window
.
dispatchEvent
(
new
CustomEvent
(
'
updateview
'
))
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录