Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
suncj1314
unidocs-zh
提交
eba50295
U
unidocs-zh
项目概览
suncj1314
/
unidocs-zh
与 Fork 源项目一致
Fork自
DCloud / unidocs-zh
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
unidocs-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
未验证
提交
eba50295
编写于
5月 27, 2022
作者:
DCloud_Heavensoft
提交者:
Gitee
5月 27, 2022
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update docs/component/image.md.
上级
cc5589e3
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
6 addition
and
2 deletion
+6
-2
docs/component/image.md
docs/component/image.md
+6
-2
未找到文件。
docs/component/image.md
浏览文件 @
eba50295
...
...
@@ -8,7 +8,7 @@
|mode|String|'scaleToFill'|图片裁剪、缩放的模式|
<div
style=
"width:68px;"
></div>
|
|lazy-load|Boolean|false|图片懒加载。只针对page与scroll-view下的image有效|微信小程序、百度小程序、字节跳动小程序、飞书小程序|
|fade-show|Boolean|true|图片显示动画效果|仅App-nvue 2.3.4+ Android有效|
|webp|boolean|false|
默认不解析 webP 格式,只支持网络资源
|微信小程序2.9.0|
|webp|boolean|false|
在系统不支持webp的情况下是否单独启用webp。默认false,只支持网络资源。webp支持详见下面说明
|微信小程序2.9.0|
|show-menu-by-longpress|boolean|false|开启长按图片显示识别小程序码菜单|微信小程序2.7.0|
|draggable|boolean|true|是否能拖动图片|H5 3.1.1+、App(iOS15+)|
|@error|HandleEvent||当错误发生时,发布到 AppService 的事件名,事件对象event.detail = {errMsg: 'something wrong'}||
...
...
@@ -20,9 +20,13 @@
-
`src`
仅支持相对路径、绝对路径,支持 base64 码;
-
页面结构复杂,css样式太多的情况,使用 image 可能导致样式生效较慢,出现 “闪一下” 的情况,此时设置
`image{will-change: transform}`
,可优化此问题。
-
自定义组件里面使用
`<image>`
时,若
`src`
使用相对路径可能出现路径查找失败的情况,故建议使用绝对路径。
-
webp格式的图片在Android上是内置支持的。iOS14起支持;微信小程序2.9.0起支持。
-
svg 格式的图片在不同的平台支持情况不同。具体为:app-nvue 不支持 svg 格式的图片,小程序上只支持网络地址。
-
webp图片支持详解
*
Android4以上(含)、iOS14以上(含)系统内置支持webp,此时,不管web、小程序、app,也不管vue还是nvue都可以直接使用webp;
*
iOS14以下,app-vue下,iOS不支持;app-nvue下,iOS支持;微信小程序2.9.0起,配置属性webp为true时iOS支持;
*
pc浏览器上,webp在不同浏览器的支持详见:
[
https://caniuse.com/?search=webp
](
https://caniuse.com/?search=webp
)
**mode 有效值:**
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录