Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
a309caa7
D
Docs
项目概览
OpenHarmony
/
Docs
大约 1 年 前同步成功
通知
159
Star
292
Fork
28
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
D
Docs
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
未验证
提交
a309caa7
编写于
7月 03, 2023
作者:
O
openharmony_ci
提交者:
Gitee
7月 03, 2023
浏览文件
操作
浏览文件
下载
差异文件
!20120 增加js卡片不支持加载网络图片的说明
Merge pull request !20120 from wangchensu/0130
上级
4552c38c
d3ac3657
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
2 addition
and
2 deletion
+2
-2
zh-cn/application-dev/reference/js-service-widget-ui/js-service-widget-basic-image.md
...nce/js-service-widget-ui/js-service-widget-basic-image.md
+1
-1
zh-cn/application-dev/reference/js-service-widget-ui/js-service-widget-common-styles.md
...e/js-service-widget-ui/js-service-widget-common-styles.md
+1
-1
未找到文件。
zh-cn/application-dev/reference/js-service-widget-ui/js-service-widget-basic-image.md
浏览文件 @
a309caa7
...
@@ -18,7 +18,7 @@
...
@@ -18,7 +18,7 @@
| 名称 | 类型 | 默认值 | 必填 | 描述 |
| 名称 | 类型 | 默认值 | 必填 | 描述 |
| -------- | -------- | -------- | -------- | -------- |
| -------- | -------- | -------- | -------- | -------- |
| src | string | - | 否 | 图片的路径。
<br/>
-
支持本地路径,图片格式包括png,
jpg,
bmp,
svg和gif。
<br/>
-
支持内存图片读取,scheme格式为memory://。
|
| src | string | - | 否 | 图片的路径。
<br/>
-
支持本地路径,图片格式包括png,
jpg,
bmp,
svg和gif。
<br/>
-
支持内存图片读取,scheme格式为memory://。
<br/>
**说明:**
<br/>
如需显示网络图片,应自行下载后使用内存图片方式刷新,禁止使用网络URL地址。
|
| alt | string | - | 否 | 占位图,当指定图片在加载中时显示。 |
| alt | string | - | 否 | 占位图,当指定图片在加载中时显示。 |
...
...
zh-cn/application-dev/reference/js-service-widget-ui/js-service-widget-common-styles.md
浏览文件 @
a309caa7
...
@@ -33,7 +33,7 @@
...
@@ -33,7 +33,7 @@
| border-[top
\|
bottom]-[left
\|
right]-radius |
<
length
>
| - | 分别设置左上,右上,右下和左下四个角的圆角半径。 |
| border-[top
\|
bottom]-[left
\|
right]-radius |
<
length
>
| - | 分别设置左上,右上,右下和左下四个角的圆角半径。 |
| background |
<
linear-gradient
>
| - | 仅支持设置
[
渐变样式
](
js-service-widget-common-gradient.md
)
,与background-color、background-image不兼容。 |
| background |
<
linear-gradient
>
| - | 仅支持设置
[
渐变样式
](
js-service-widget-common-gradient.md
)
,与background-color、background-image不兼容。 |
| background-color |
<
color
>
| - | 设置背景颜色。 |
| background-color |
<
color
>
| - | 设置背景颜色。 |
| background-image | string | - | 设置背景图片。与background-color、background不兼容,支持本地图片资源地址。
<br/>
示例:
<br/>
-
background-image:
url("/common/background.png")
<br/>
不支持svg格式图片。 |
| background-image | string | - | 设置背景图片。与background-color、background不兼容,支持本地图片资源地址。
<br/>
示例:
<br/>
-
background-image:
url("/common/background.png")
<br/>
不支持svg格式图片。
<br/>
如需显示网络图片,应自行下载后使用内存图片方式刷新,禁用网络URL地址。
|
| background-size | -
string
<br/>
-
<
length
> <
length
>
<br/>
-
<
percentage
> <
percentage
>
| auto | 设置背景图片的大小。
<br/>
-
string可选值:
<br/>
-
contain:把图片扩展至最大尺寸,以使其高度和宽度完全适用内容区域。
<br/>
-
cover:把背景图片扩展至足够大,以使背景图片完全覆盖背景区域;背景图片的某些部分也许无法显示在背景定位区域中。
<br/>
-
auto:保持原图的比例不变。
<br/>
-
length值参数方式:
<br/>
设置背景图片的高度和宽度。第一个值设置宽度,第二个值设置高度。如果只设置一个值,则第二个值会被设置为
"auto"。
<br/>
-
百分比参数方式:
<br/>
以父元素的百分比来设置背景图片的宽度和高度。第一个值设置宽度,第二个值设置高度。如果只设置一个值,则第二个值会被设置为
"auto"。 |
| background-size | -
string
<br/>
-
<
length
> <
length
>
<br/>
-
<
percentage
> <
percentage
>
| auto | 设置背景图片的大小。
<br/>
-
string可选值:
<br/>
-
contain:把图片扩展至最大尺寸,以使其高度和宽度完全适用内容区域。
<br/>
-
cover:把背景图片扩展至足够大,以使背景图片完全覆盖背景区域;背景图片的某些部分也许无法显示在背景定位区域中。
<br/>
-
auto:保持原图的比例不变。
<br/>
-
length值参数方式:
<br/>
设置背景图片的高度和宽度。第一个值设置宽度,第二个值设置高度。如果只设置一个值,则第二个值会被设置为
"auto"。
<br/>
-
百分比参数方式:
<br/>
以父元素的百分比来设置背景图片的宽度和高度。第一个值设置宽度,第二个值设置高度。如果只设置一个值,则第二个值会被设置为
"auto"。 |
| background-repeat | string | repeat | 针对重复背景图片样式进行设置,背景图片默认在水平和垂直方向上重复。
<br/>
-
repeat:在水平轴和竖直轴上同时重复绘制图片。
<br/>
-
repeat-x:只在水平轴上重复绘制图片。
<br/>
-
repeat-y:只在竖直轴上重复绘制图片。
<br/>
-
no-repeat:不会重复绘制图片。 |
| background-repeat | string | repeat | 针对重复背景图片样式进行设置,背景图片默认在水平和垂直方向上重复。
<br/>
-
repeat:在水平轴和竖直轴上同时重复绘制图片。
<br/>
-
repeat-x:只在水平轴上重复绘制图片。
<br/>
-
repeat-y:只在竖直轴上重复绘制图片。
<br/>
-
no-repeat:不会重复绘制图片。 |
| background-position | -
string
string
<br/>
-
<
length
> <
length
>
<br/>
-
<
percentage
> <
percentage
>
| 0px
0px | -
关键词方式:如果仅规定了一个关键词,那么第二个值为"center"。两个值分别定义水平方向位置和竖直方向位置。
<br/>
-
left:水平方向上最左侧。
<br/>
-
right:水平方向上最右侧。
<br/>
-
top:竖直方向上最顶部。
<br/>
-
bottom:竖直方向上最底部。
<br/>
-
center:水平方向或竖直方向上中间位置。
<br/>
-
length值参数方式:第一个值是水平位置,第二个值是垂直位置。
左上角是
0
0。单位是像素
(0px
0px)
。如果仅规定了一个值,另外一个值将是50%。
<br/>
-
百分比参数方式:第一个值是水平位置,第二个值是垂直位置。左上角是
0%
0%。右下角是
100%
100%。如果仅规定了一个值,另外一个值为50%。
<br/>
-
可以混合使用
<
percentage
>
和
<
length
>
。 |
| background-position | -
string
string
<br/>
-
<
length
> <
length
>
<br/>
-
<
percentage
> <
percentage
>
| 0px
0px | -
关键词方式:如果仅规定了一个关键词,那么第二个值为"center"。两个值分别定义水平方向位置和竖直方向位置。
<br/>
-
left:水平方向上最左侧。
<br/>
-
right:水平方向上最右侧。
<br/>
-
top:竖直方向上最顶部。
<br/>
-
bottom:竖直方向上最底部。
<br/>
-
center:水平方向或竖直方向上中间位置。
<br/>
-
length值参数方式:第一个值是水平位置,第二个值是垂直位置。
左上角是
0
0。单位是像素
(0px
0px)
。如果仅规定了一个值,另外一个值将是50%。
<br/>
-
百分比参数方式:第一个值是水平位置,第二个值是垂直位置。左上角是
0%
0%。右下角是
100%
100%。如果仅规定了一个值,另外一个值为50%。
<br/>
-
可以混合使用
<
percentage
>
和
<
length
>
。 |
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录