Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
3c06fdef
D
Docs
项目概览
OpenHarmony
/
Docs
12 个月 前同步成功
通知
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看板
体验新版 GitCode,发现更多精彩内容 >>
提交
3c06fdef
编写于
8月 11, 2022
作者:
Z
zengyawen
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update docs
Signed-off-by:
N
zengyawen
<
zengyawen1@huawei.com
>
上级
5672e5fc
变更
4
隐藏空白更改
内联
并排
Showing
4 changed file
with
17 addition
and
15 deletion
+17
-15
zh-cn/application-dev/reference/js-service-widget-ui/js-service-widget-common-customizing-font.md
...ce-widget-ui/js-service-widget-common-customizing-font.md
+3
-3
zh-cn/application-dev/reference/js-service-widget-ui/js-service-widget-common-gradient.md
...js-service-widget-ui/js-service-widget-common-gradient.md
+10
-9
zh-cn/application-dev/reference/js-service-widget-ui/js-service-widget-config-file.md
...nce/js-service-widget-ui/js-service-widget-config-file.md
+1
-1
zh-cn/application-dev/reference/js-service-widget-ui/js-service-widget-syntax-hml.md
...ence/js-service-widget-ui/js-service-widget-syntax-hml.md
+3
-2
未找到文件。
zh-cn/application-dev/reference/js-service-widget-ui/js-service-widget-common-customizing-font.md
浏览文件 @
3c06fdef
...
...
@@ -22,10 +22,10 @@ font-face用于定义字体样式。应用可以在style中定义font-face来指
src
:
url('/common/HWfont.ttf')
;
}
```
**font-family:**
自定义字体的名称。
**font-family:**
自定义字体的名称。
**src:**
自定义字体的来源,支持如下类别。
**src:**
自定义字体的来源,支持如下类别。
-
项目中的字体文件:通过url指定项目中的字体文件路径(只支持绝对路径,详见
[
文件组织
](
js-service-widget-file.md
)
)。
...
...
zh-cn/application-dev/reference/js-service-widget-ui/js-service-widget-common-gradient.md
浏览文件 @
3c06fdef
...
...
@@ -17,6 +17,7 @@
### 过渡方向
通过direction或者angle指定过渡方向。
-
direction:进行方向渐变。
-
angle:进行角度渐变。
...
...
@@ -33,27 +34,27 @@ background: repeating-linear-gradient(direction/angle, color, color, ...);
支持以下四种方式:
\#
ff0000、
\#
ffff0000、rgb(255, 0, 0)、rgba(255, 0, 0, 1),需要指定至少两种颜色。
-
参数
| 名称 | 类型 | 默认值 | 必填 | 描述 |
| 名称 | 类型 | 默认值 | 必填 | 描述 |
| -------- | -------- | -------- | -------- | -------- |
| direction | to
<
side-or-corner
> <
side-or-corner
>
=
[left
\|
right]
\|\|
[top
\|
bottom] | to
bottom
(由上到下渐变) | 否 | 指定过渡方向,如:to
left
(从右向左渐变)
,或者to
bottom
right
(从左上角到右下角)。 |
| angle |
<
deg
>
| 180deg | 否 | 指定过渡方向,以元素几何中心为坐标原点,水平方向为X轴,angle指定了渐变线与Y轴的夹角(顺时针方向)。 |
| color |
<
color
>
[
<
length
>
\|
<
percentage
>
] | - | 是 | 定义使用渐变样式区域内颜色的渐变效果。 |
-
示例
1. 默认渐变方向为从上向下渐变。
```
css
```css
#gradient {
height: 300px;
width: 600px;
/* 从顶部开始向底部由红色向绿色渐变 */
background: linear-gradient(red, #00ff00);
}
```
```
!
[
111
](
figures/111.PNG
)
![111](figures/111.PNG)
2.
45度夹角渐变。
...
...
@@ -63,7 +64,7 @@ background: repeating-linear-gradient(direction/angle, color, color, ...);
background
:
linear-gradient
(
45
deg
,
rgb
(
255
,
0
,
0
),
rgb
(
0
,
255
,
0
));
```
!
[
222
](
figures/222.PNG
)
!
[
222
](
figures/222.PNG
)
3.
设置方向从左向右渐变。
...
...
@@ -73,7 +74,7 @@ background: repeating-linear-gradient(direction/angle, color, color, ...);
```
![
333
](
figures/333.PNG
)
!
[
333
](
figures/333.PNG
)
4.
重复渐变。
...
...
@@ -81,4 +82,4 @@ background: repeating-linear-gradient(direction/angle, color, color, ...);
/* 从左向右重复渐变,重复渐变区域30px(60-30)透明度0.5 */
background: repeating-linear-gradient(to right, rgba(255, 255, 0, 1) 30px,rgba(0, 0, 255, .5) 60px);
```
![
444
](
figures/444.PNG
)
![444](figures/444.PNG)
zh-cn/application-dev/reference/js-service-widget-ui/js-service-widget-config-file.md
浏览文件 @
3c06fdef
...
...
@@ -46,7 +46,7 @@ window用于定义与显示窗口相关的配置。对于卡片尺寸适配问
>
> - autoDesignWidth、designWidth的设置不影响默认值计算方式和绘制结果。
| 属性 | 类型 | 必填 | 默认值 | 描述 |
| 属性 | 类型 | 必填 | 默认值 | 描述 |
| -------- | -------- | -------- | -------- | -------- |
| designWidth | number | 否 | 150px | 页面显示设计时的参考值,实际显示效果基于设备宽度与参考值之间的比例进行缩放。 |
| autoDesignWidth | boolean | 否 | false | 页面设计基准宽度是否自动计算,当设为true时,designWidth将会被忽略,设计基准宽度由设备宽度与屏幕密度计算得出。 |
...
...
zh-cn/application-dev/reference/js-service-widget-ui/js-service-widget-syntax-hml.md
浏览文件 @
3c06fdef
...
...
@@ -75,7 +75,7 @@ HML(OpenHarmony Markup Language)是一套类HTML的标记语言,通过组
| 选择器 | 样例 | 默认值 | 样例描述 |
| -------- | -------- | -------- | -------- |
| action | string | "router" | 事件类型。
<br/>
- "router":用于应用跳转。
<br/>
- "message":自定义点击事件。 |
| action | string | "router" | 事件类型。
<br/>
- "router":用于应用跳转。
<br/>
- "message":自定义点击事件。 |
| abilityName | string | - | 跳转ability名。 |
| params | Object | - | 跳转应用携带的额外参数。 |
...
...
@@ -145,7 +145,8 @@ HML(OpenHarmony Markup Language)是一套类HTML的标记语言,通过组
在API Version 8,want参数需要在app.js或app.ets文件的onCreate方法中调用
[
featureAbility.getWant
](
../apis/js-apis-featureAbility.md#featureabilitygetwant-1
)
接口接收相关参数。
-
消息事件格式
| 选择器 | 样例 | 默认值 | 样例描述 |
| 选择器 | 样例 | 默认值 | 样例描述 |
| -------- | -------- | -------- | -------- |
| action | string | message | 表示事件类型。 |
| params | Object | - | 跳转应用携带的额外参数。 |
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录